js合並兩個數組的方法

我們在項目過程中，有時候會遇到需要將兩個數組合並成為一個的情況。比如：

var a = [1,2,3];
var b = [4,5,6];

 

有兩個數組a、b，需求是將兩個數組合並成一個。方法如下：

1、contact

js的Array對象提供了一個叫concat()方法，連接兩個或更多的數組，並返回結果。

var a = [1,2,3]; var b = [4,5,6]; var c = a.concat(b);//c=[1,2,3,4,5,6];

這里有一個問題，concat方法連接a、b兩個數組后，a、b兩個數組的數據不變，同時會返回一個新的數組。這樣當我們需要進行多次的數組合並時，會造成很大的內存浪費，所以這個方法肯定不是最好的。

2、for循環

for(var i in b){ a.push(b[i]); } 

這樣的寫法可以解決第一種方案中對內存的浪費，但是會有另一個問題：丑！這么說不是沒有道理，如果能只用一行代碼就搞定，豈不快哉~

3、apply

函數的apply方法有一個特性，那就是func.apply(obj,argv)，argv是一個數組。所以我們可以利用這點，直接上代碼：

a.push.apply(a,b);

調用a.push這個函數實例的apply方法，同時把，b當作參數傳入，這樣a.push這個方法就會遍歷b數組的所有元素，達到合並的效果。
上面的操作就等同於：

 

a.push(4,5,6);

4、擴展運算符

 var a = [1,2,3];

 var b = [4,5,6];

var newA = [...a,...b]

鏈接：https://www.jianshu.com/p/48b011419907