JS数组合并push与concat区别分析

本文实例讲述了JS数组合并push与concat区别。分享给大家供大家参考，具体如下：

共同点

两个方法都可以在一个数组内增添新的元素，参数都是无限的参数列表，使用方法如下

 var testPushArr=[]; testPushArr.push(item1,item2,item3...); var testConcatArr=[]; var concatArr = testConcatArr.concat(item1,item2,item3...);

push和concat的元素都既可以是普通元素(任意类型)，也可以数组元素

区别

push()

push的item会添加到末尾，并且都是以整体的形式添加到数组末尾，数组元素会直接以数组整体的形式存在
push方法会直接修改原数组，返回值为加入元素后的新数组长度

示例代码

 var testPushArr=[1,2]; testPushArr.push(3,[4,5]); console.log(testPushArr);//1,2,3,[4,5]

concat()

concat的元素会被打碎，非数组元素无法打碎，以整体形式加入，数组元素会被打碎，以单个元素的形式加入
concat方法不会修改原数组，而是连接之后返回一个新的数组，通常用arr = arr.concat(...)的形式来接收返回值，否则看不到修改效果

示例代码

 ar testConcatArr=[1,2]; var concatArr = testConcatArr.concat(3,[4,5]); console.log(concatArr );//1,2,3,4,5

下面是补充

注意 concat 拼写，二者功能很相像，但有两点区别。

先看代码：

 var arr = []; arr.push(1); arr.push([2, 3]); arr.push(4, 5); arr = arr.concat(6); arr = arr.concat([7, 8]); arr = arr.concat(9, 10); arr.each(function(index, value){ alert(value); });

alert 结果：

 1 2,3 4 5 6 7 8 9 10 

区别：

push 遇到数组参数时，把整个数组参数作为一个元素；而 concat 则是拆开数组参数，一个元素一个元素地加进去。
push 直接改变当前数组；concat 不改变当前数组。

总结：

如果想数组追加用concat,但是和java的replace一样，用完记得arr1=arr1.concat(arr2)

希望本文所述对大家JavaScript程序设计有所帮助。