js的数组合并总结

1. 扩展操作符

使用ES6语法的拓展运算符：这个方法也是创建一个新数组

var newArray = [...array,...elements]
console.log(newArray); // ["a", "b", 0, 1, 2]

2. array.concat()

使用concat方法：这个方法不是添加到现有数组，而是创建并返回一个新数组。

var array = ["a", "b"];
var elements = [0, 1, 2];
 
var newArray = array.concat(elements);
console.log(array); //['a', 'b']
console.log(newArray);// ["a", "b", 0, 1, 2]

3. array.push() + apply()

使用Apply方法：这个方法是将数组各项添加到另一个数组当中，是一种改变原数组的方法

var array = ["a", "b"];
var elements = [0, 1, 2];
array.push.apply(array, elements);
console.log(array); // ["a", "b", 0, 1, 2]

4. array.push() + 拓展运算符

const heroes = ['Batman'];
 
heroes.push('Superman');
 
heroes; // ['Batman', 'Superman']
const heroes = ['Batman', 'Superman'];
const villains = ['Joker', 'Bane'];
 
heroes.push(...villains);
 
heroes; // ['Batman', 'Superman', 'Joker', 'Bane']

5. unshift 头插法

var a = [0];  //定义数组
console.log(a);  //返回[0]
a.unshift(1,2);  //一次性增加两个元素
console.log(a);  //返回[1,2,0]
var a = [0];
a.unshift(1);  //增加元素1
a.unshift(2);  //增加元素2
console.log(a);  //返回[2,1,0]
在数组末尾插入元素

6.