我們在專案過程中，有時候會遇到需要將兩個數組合併成為一個的情況。

　　比如：

var a = [1,2,3];

var b = [4,5,6];

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

　　1、concat

　　　　js的Array物件提供了一個叫concat()方法，連線兩個或更多的陣列，並返回結果。

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);
console.log('a.push.apply(a,b)==', a.push.apply(a,b))// 這裡返回的是一個boolean值 true or false 
console.log('a==', a)
 

　　　　呼叫a.push這個函式例項的apply方法，同時把，b當作引數傳入，這樣a.push這個方法就會遍歷b陣列的所有元素，達到合併的效果。

　　　　這裡可能有點繞，我們可以把b看成[4,5,6]，變成這樣：

a.push.apply(a,[4,5,6]);

　　　　然後上面的操作就等同於：

a.push(4,5,6);

　　　　這樣就很清楚了！

　　另外，還要注意兩個小問題：

　　1）以上3種合併方法並沒有考慮過a、b兩個陣列誰的長度更小。

　　所以好的做法是預先判斷a、b兩個陣列哪個更大，然後使用大數組合並小陣列，這樣就減少了陣列元素操作的次數！

　　2）有時候我們不希望原陣列（a、b）改變，這時就只能使用concat了。

以下是ES6中合併陣列的寫法

1.擴充套件運算子提供了數組合並的新寫法。

formatEs6ConcatArr () {
  let arr1 = ['a', 'b']
  let arr2 = ['c', 'c']
  let arr3 = ['d', 'e']
  // ES5 的合併陣列
  // arr1.concat(arr2, arr3)
  // [ 'a', 'b', 'c', 'd', 'e' ]
  // ES6 的合併陣列
  let arr4 = [...arr1, ...arr2, ...arr3]
  console.log('arr4=', arr4)
  // [ 'a', 'b', 'c', 'd', 'e' ]
  // 不過，這兩種方法都是淺拷貝，使用的時候需要注意。
  const a1 = [{foo: 1}]
  const a2 = [{bar: 2}]
  const a3 = a1.concat(a2)
  const a4 = [...a1, ...a2]
  console.log(a3[0] === a1[0])// true
  console.log(a4[0] === a1[0])// true

}
上面程式碼中，a3和a4是用兩種不同方法合併而成的新陣列，但是它們的成員都是對原陣列成員的引用，這就是淺拷貝。如果修改了原陣列的成員，會同步反映到新陣列。