关于数组合并的一些方法

1.concat方法

var arr1 = [1,2,3,4],arr2 = [5,6,7,8];
arr1=arr1.concat(arr2);
console.log(arr1)//[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

Concat 会生成一个全新的数组，表示两个数组的组合，并让原数组不变。但是如果数组过长就很占内存。

2.for 循环的方式

var arr1=[1,2,3,4],arr2=[5,6,7,8];
for(var i=0,len=arr2.length;i<len;i++){
arr1.push(arr2[i])
}
console.log(arr1)//[1, 2, 3, 4, 5, 6, 7, 8]

如果是事先知道每个数组的长度的情况下 我们可以选择遍历数组元素比较短的那个，性能会得到优化，但是不知道长度的话就会很心累了-.-

3.reduce方法

var arr1=[1,2,3,4],arr2=[5,6,7,8];
arr1 = arr2.reduce( function(coll,item){
coll.push( item );
return coll;
}, arr1 );
console.log(arr1)//[1, 2, 3, 4, 5, 6, 7, 8]

有没有感觉逼格高了一点，使用ES6的箭头函数还能减少代码量，但是仍然需要一个方法，每个元素都要调用一次。

4.push.apply

var arr1 = [1,2,3,4],arr2 = [5,6,7,8];
arr1.push.apply(arr1,arr2);
console.log(arr1);//[1,2,3,4,5,6,7,8]

代码少，逼格高，不会产生新数组，理解也容易，原理就是调用arr1.push 这个函数的实例的apply 方法，同时把arr2 当做参数传入，不过这个方法对数组的长度有限制，网上说法是不同的浏览器有不同的限制，一般不超过10万。

推荐使用最后一种方法，不过也不是绝对的，大家觉得那种方式用着舒服就用哪种。