Javascript 数组的方法

Javascript 数组的操作方法

1.concat()方法

concat（）方法可以基于当前数组中的所有项创建一个新的数组。具体的说，这个方法会先创建当前数组的一个副本，然后将接收到的参数添加到这个副本的末尾，最后返回新构建的数组。在没有给concat()方法传递参数的情况下，它只是复制当前的数组并返回副本。如果传递给concat()方法的是一或多个数组，则该方法会将这些数组中的每一项都添加到结果数组中。如果传递的值不是数组，这些值就会被简单地添加到结果数组的末尾。例如：

var colors = ["red","blue"];
var example = colors.concat();
console.log(example);                                                 //如果没有传递参数，则复制当前数组并返回副本
var color2 = colors.concat("yellow",["purple","pink"]);                                             
console.log(color2);                                                     //如果传递的参数是数组，则该方法会将这些数组中的每一项都添加到结果数组中
console.log(colors);                                                     //原数组不变

可以使用concat()方法合并数组，如下：

var colors = ["red","blue"];
var colors1 = ["yellow","orange"];
var connect = colors.concat(colors1);                        //合并数组
console.log(connect);             

2.slice（）方法

它能够基于当前数组中的一个或者多个项创建一个新数组。slice（）方法可以接受一个或两个参数，即要返回项的起始和结束位置。在只有一个参数的情况下，slice()方法返回从该参数指定位置开始到当前数组的末尾的所有项。如果有两个参数，该方法返回起始和结束位置之间的项但是不包含结束项。注意，slice()方法不会影响原始数组。请看下面的例子：

var colors = ["red","blue","purple","orange"];
var colors1 = colors.slice(1);
var colors2 = colors.slice(1,3);
console.log(colors1);                                                       //从第一位开始到最后
console.log(colors);                                                        //原始数组不变
console.log(colors2);                                                        //不包含结束位置的项，所以长度为2

 

如果slice()方法的参数中有一个负数,则用数组长度加上该数来确定相应的位数。例如，在一个包含5项的数组上调用slice(-2,-1)与调用slice(3,4)得到的结果相同。如果结束位置小于起始位置，则返回空数组。

var colors = ["red","blue","purple","orange","black","yellow"];             //长度为6
var colors1 = colors.slice(-4,-1);                  
var colors2 = colors.slice(2,5);
console.log(colors1);                                                          
console.log(colors2);                       //两者得到的结果一样

 

 

 

3.splice()方法

splice()的主要用途是向数组的中部插入项,使用这种方法的方式有如下3种。

1. 删除：可以删除任意数量的项，只需指定2个参数：要删除的第一项的位置和要删除的项数。例如，splice(0,2)会删除数组中的前两项。
2. 插入：可以向指定位置插入任意的项，只需要提供三个参数：起始位置、0（要删除的项数）、和要插入的项。如果要插入多个项，可以再传入第四、第五、以至任意多个项。例如，splice(2,0,"red","green")会从当前数组的位置2开始插入字符串“red”和“green”。
3. 替换：可以向指定位置插入任意数量的项，且同时删除任意数量的项，只需要定3个参数：起始位置，要删除的项数和要插入的任意数量的项。插入的项数不必与删除的项数相等。例如，splice(2,1,"red","green")会删除1当前数组位置2的项，然后再从位置2开始插入字符串“red”，“green”。

splice()方法始终会返回一个数组，该数组中包含从原始数组中删除的项（如果没有删除任何项，则返回一个空数组）。

请看下面的例子：

删除:

var colors = ["red","blue","green","orange"];
var removed = colors.splice(1,2);                       
console.log(removed);                                           //"blue","green"
console.log(colors);                                                 //"red","orange"

插入:

var colors = ["red","blue","green","orange"];
var added = colors.splice(1,0,"black","yellow");
console.log(added);                             //length = 0
console.log(colors);                            //"red","black","yellow","blue","green","orange"

替换:

var colors = ["red","blue","green","orange"];
var removed = colors.splice(1,2,"black");     //删除两项,添加一项
console.log(removed);                                         // "blue","green"               
console.log(colors);                                               //"red","black","orange"

引自：《Javascript 高级程序设计 第3版》