前端设计

Javascript数组中push()和concat()方法的区别

2018-11-27

在数组操作中,push()很常见,concat()却很少见,然而两者的用法很相似,可以理解为,push()是concat()的简化版,先看下面的例子:


*push()方法*/  

var array=[1,2,3,4,5];  

console.log(array);   //[1, 2, 3, 4, 5]


array.push(6);        //一个参数    

console.log(array);   //[1, 2, 3, 4, 5, 6]


array.push(6,7);      //两个参数   

console.log(array);   //[1, 2, 3, 4, 5, 6, 7]


array.push([6,7]);    //参数为数组  

console.log(array);   //[1, 2, 3, 4, 5, 6, Array(2)]

--------------------- 

/*concat()方法*/   

var array=[1,2,3,4,5];  

console.log(array);   //[1, 2, 3, 4, 5]


var array2=array.concat(6);    //一个参数    

console.log(array);    //[1, 2, 3, 4, 5]    

console.log(array2);   //[1, 2, 3, 4, 5, 6]

   

var array2=array.concat(6,7);    //两个参数 

console.log(array);    //[1, 2, 3, 4, 5]    

console.log(array2);   //[1, 2, 3, 4, 5, 6,7]


var array2=array.concat([6,7]);    //参数为数组    

console.log(array);    //[1, 2, 3, 4, 5]    

console.log(array2);   //[1, 2, 3, 4, 5, 6, 7]

--------------------- 

通过代码可以看出一下几点差别: 

1,push()是在原数组的基础上修改的,执行push()方法后原数组的值也会变;concat()是先把原数组复制到一个新的数组,然后在新数组上进行操作,所以不会改变原数组的值。

2,如果参数不是数组,不管参数个数有多少个,push()和concat()都会直接把参数添加到数组后;如果参数是一个数组,push()就会直接把数组添加到原数组后,而concat()会把数组里的值取出来添加到原数组后。