JS学习6-js数组的操作(concat()\slice()\splice())

1.concat()方法基于当前数组在末尾添加新元素且新建一个数组。

var box =['3','2','1'];
var box2 = box.concat('w','k');
alert(box2)            //返回3，2，1，w，k
alert(box)              //返回3，2，1 ，原数组没有改变

2.slice()方法基于当前数组的截取在指定区域内的元素新增一个数组。区间表示法：[x,y) x,y为下标。

var box =['3','2','1','w','k'];
var box2 = box.slice(0,3)
alert(box2)                    //返回3，2，1 即从小标为零的元素到小标为3的元素之前的一个元素为止，下标0取得到，3取不到。
alert(box)                     //返回3，2，1，w，k 原数组没有改变

3.splice()方法可以对数组进行添加、删除、替换。

    它比slice()功能强大，表方法(x,y)x为起始的数组下标，y几个元素。删除数组第一个元素则为: splice(0.1)。

    与concat()\slice()不同，它会改变原数组。

3.1 splice()删除功能

var box =['3','2','1','w','k'];
var box2 = box.splice(0,2);
alert(box2)                         //返回3，2 
alert(box)                          //返回 1，w，k 原数组被改变

3.2 splice()插入功能。 splice(x,y,a1,a2...) x表示从下标第几个元素之前，删除0个元素y必须为0，插入a1、a2...元素

var box =['3','2','1','w','k'];
var box2 = box.splice(2,0,'a','b');
alert(box2)                             //返回空，因为没有删除的元素，y=0
alert(box)                                //返回3，2，a,b,1,w,k

3.3 splice()替换功能。 splice(x,y,a1,a2...) x表示从下标第几个元素之前，删除N个元素y必须为N，插入a1、a2...元素

var box =['3','2','1','w','k'];
var box2 = box.splice(2,1,'a','b');
alert(box2)                   //返回1，因为删除了一个下表为2的元素“1”
alert(box)                     //返回 3,2,a,b,w,k