javascript 数组操作

Posted SkyTeam_LBM

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 数组操作相关的知识,希望对你有一定的参考价值。

1.数组的创建

1 var arrayObj = new Array(); //创建一个数组
2 var arrayObj = new Array([10]); //创建一个数组并指定长度为10
3 var arrayObj = new Array("a","b","c"); //创建一个数组并赋值

2.数组元素的访问

1 var myCars = new Array(3);
2 myCars[0] = "Saab"; //给数组元素赋值
3 myCars[1] = "Volvo"; //给数组元素赋值
4 myCars[2] = "BMW";//给数组元素赋值
5 var arrayObj = new Array("a","b","c"); //创建一个数组并赋值
6 var bValue = arrayObj[1];//获取数组的元素值

3.数组元素的添加

push()方法可向数组的末尾添加一个或多个元素,并放回新的长度

1 var arr = new Array();
2 arr[0] = "xiaohong";
3 arr[1] = "xiaobai";
4 arr[2] = "xiaoli";
5 document.write(arr + "<br/>");
6 document.write(arr.push("xiaoliu" + "<br/>");
7 document.write(arr);

  输出结果:

      xiaohong,xiaobai,xiaoli

      4

      xiaohong,xiaobai,xiaoli,xiaoliu

unshift()方法可向数组的开头添加一个或多个元素,并返回新的长度


1 var arr = new Array();
2 arr[0] = "xiaohong";
3 arr[1] = "xiaobai";
4 arr[2] = "xiaoli";
5 document.write(arr + "<br/>");
6 document.write(arr.unshift("xiaoliu" + "<br/>");
7 document.write(arr);

  输出结果:

      xiaohong,xiaobai,xiaoli

      4

      xialiu,xiaohong,xiaobai,xiaoli

splice()方法向/从数组中添加/删除项目,然后放回被删除的项目

语法:

arrayObj.splice(index,howmany,item1,item2,...itemn);

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

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

item1,item2,...itemn:向数组添加新项目.

 1 var arr new Array(6);
 2 arr[0] = "1";
 3 arr[1] = "11";
 4 arr[2] = "111";
 5 arr[3] = "1111";
 6 arr[4] = "11111";
 7 arr[5] = "111111";
 8 document.write(arr + "<br/>");
 9 document.write(2,0,"aaaaa");
10 document.write(arr + "<br/>");

  输出结果:

      1,11,111,1111,11111,111111

      1,11,aaaaa,111,1111,11111,111111

4.数组元素删除

arrayObj.pop(); //移除最后一个元素并返回该元素值

arrayObj.shift(); //移除最前面一个元素并返回该元素值,数据中的元素自动前移

1 var a = [1,2,3,4,5];
2 var b = a.shift();//shift删除原数组第一项, 并返回删除元素的值; 如果数组为空则返回undefined
3 console.log("a的结果是:" + a +";b的结果是:" + b); //a = 2,3,4,5  b = 1

arrayObj.splice(); //见上面splice()说明

5.数组的截取和合并

slice()方法可从已有的数组中返回选定的元素.该方法可提取字符串的某个部分,并以新的字符串返回被提取的部分.

slice()方法不会改变原始数组.

array.slice(start,end);

start:规定从何处开始选取.

end:规定从何处结束选取.

 

 

 

 

以上是关于javascript 数组操作的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript单行代码,也就是代码片段

JavaScript 片段

JavaScript 代码片段

10个JavaScript代码片段,使你更加容易前端开发。

10个JavaScript代码片段,使你更加容易前端开发。

几个关于js数组方法reduce的经典片段