JavaScript中两个数组的拼接方法合集

---

方法一：使用for循环

 

1 2 3 4 5 6 7 8

<strong>var arr = ['tom', 'jerry']; var arr2 = [1, 2];   for(var i=0; i<arr2.length; i++){      arr.push(arr2[i]) } console.log(arr); // ['tom', 'jerry', 1, 2]</strong>

 

方法二：使用concat()，注意concat()方法生成了一个新的数组，并不改变原来的数组。

 

 

1 2 3 4 5 6

<strong>var arr = ['tom', 'jerry']; var arr2 = [1, 2];   var newArr = arr.concat(arr2); console.log(newArr); // ["tom", "jerry", 1, 2]</strong>

 

方法三： 使用apply劫持数组的push方法（推荐，apply具体使用方法参考MDN）

 

 

1 2 3 4 5 6

<strong>var arr = ['tom', 'jerry']; var arr2 = [1, 2];   arr.push.apply(arr, arr2); console.log(arr) // ["tom", "jerry", 1, 2]</strong>

 

  方法四：使用es6中的 ‘点语法’ 扩展运算符（推荐）

 

 

1 2 3 4 5 6

<strong>var arr = ['tom', 'jerry']; var arr2 = [1, 2];   arr.push(...arr2); console.log(arr) // ["tom", "jerry", 1, 2]</strong>