Blogger Information
Blog 23
fans 0
comment 0
visits 13765
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
20191022作业
王长中的博客
Original
606 people have browsed it

1,JS数组的创建:

实例

<!doctype html>
<html lang="en">
<head> <meta charset="UTF-8"></head>
<body>
<script>
var arr3= Array[]   //定义一个空数组;
var arr4=Array[1,2,3]   //定义一个数组并赋值;

</script>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

2,JS中数组常用的函数

a.instanceof : 判断是不是数组

实例

<!doctype html>
<html lang="en">
<head> <meta charset="UTF-8"></head>
<body>
<script>
var arr=Array[1,2,3];
console.log(arr instanceof Array);//返回true;

</script>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

b.Array.pop 删除原数组最后一个元素,并且返回这个元素

实例

<!doctype html>
<html lang="en">
<head> <meta charset="UTF-8"></head>
<body>
<script>
var arr=Array[1,2,3,4,5];
var arr1=arr.pop()
console.log(arr1);  //返回5
console.log(arr);   //返回1,2,3,4

</script>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

c.Array.shift : 删除数组第一个元素,并且返回第一个元素

实例

<!doctype html>
<html lang="en">
<head> <meta charset="UTF-8"></head>
<body>
<script>
var arr=Array[1,2,3,4,5];
var arr1 =arr.shift();
console.log(arr1);  //返回1
console.log(arr);   //返回2,3,4,5


</script>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

d.Array.push()向数组末尾添加一个或多个元素,并返回新的长度

实例

<!doctype html>
<html lang="en">
<head> <meta charset="UTF-8"></head>
<body>
<script>
var arr=Array[1,2,3,4,5];
var arr1 =arr.push(6,7);
console.log(arr1);  //返回新的长度:7
console.log(arr);   //返回1,2,3,4,5,6,7


</script>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

e. Array.unshift() : 在数组开头添加一个或多个元素,并返回新的长度

实例

<!doctype html>
<html lang="en">
<head> <meta charset="UTF-8"></head>
<body>
<script>
var arr=Array[1,2,3,4,5];
var arr1 =arr.unshift(6,7);
console.log(arr1);  //返回新的长度:7
console.log(arr);   //返回6,7,1,2,3,4,5


</script>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

f. Array.reverse() 将原数组中的元素顺序颠倒;

实例

<!doctype html>
<html lang="en">
<head> <meta charset="UTF-8"></head>
<body>
<script>
var arr=Array[1,2,3,4,5];
var arr1 =arr.reverse();
console.log(arr);   //返回5,4,3,2,1


</script>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

g.Array. splice: 从数组中添加/删除项目,然后返回被删除的项目

语法: array.splice(index,howmany,item1,.....,itemX)

参数:

index:必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。

howmany:必需。要删除的项目数量。如果设置为 0,则不会删除项目。

item1, …, itemX: 可选。向数组添加的新项目。

实例

<!doctype html>
<html lang="en">
<head> <meta charset="UTF-8"></head>
<body>
<script>
var arr=Array(1,2,3,4,5,6);
var arr1=arr.splice(1,2);
console.log(arr1);  //返回2,3


</script>
</body>
</html>

删除并添加:

实例

<!doctype html>
<html lang="en">
<head> <meta charset="UTF-8"></head>
<body>
<script>
var arr=Array(1,2,3,4,5,6);
var arr1=arr.splice(1,2,99);// 从下标1开始删除2个,并添加99;
console.log(arr);  //返回1,99,4,5,6


</script>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

不删除只添加;

实例

<!doctype html>
<html lang="en">
<head> <meta charset="UTF-8"></head>
<body>
<script>
var arr=Array(1,2,3,4,5,6);
var arr1=arr.splice(0,0,99);//不删除,只添加99;
console.log(arr);  //返回99,1,2,3,4,5,6


</script>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

h.Array.sort : 对数组元素进行排序,并返回这个数组;

实例

<!doctype html>
<html lang="en">
<head> <meta charset="UTF-8"></head>
<body>
<script>
var arr=Array(1,2,3,4,5,6);
var arr1=arr.splice(0,0,99);//不删除,只添加99;
var arr2=arr.sort();
console.log(arr);  //返回99,1,2,3,4,5,6,99


</script>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

h.Array.concat : 合并两个或多个数组,返回一个新数组;

实例

<!doctype html>
<html lang="en">
<head> <meta charset="UTF-8"></head>
<body>
<script>
var arr=Array(1,2,3);
var arr1=Array(4,5);;
var arr2=arr.concat(arr1);
console.log(arr2);  //返回1,2,3,4,5,6


</script>
</body>
</html>

i.IndexOf : 判断某个元素在数组中是否存在;并返回其下标

实例

<!doctype html>
<html lang="en">
<head> <meta charset="UTF-8"></head>
<body>
<script>
var arr=Array(1,2,3,4,5);
console.log(arr.IndexOf(6));  //返回4


</script>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例



Correction status:qualified

Teacher's comments:好好利用好控制台, 提升学习效率
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post