【JS】——数组拼接的多种方式包括ES6写法

1. 前言

1. 很多时候的我们需要进行数组的拼接，再此就整理了js的数组多种拼接方式。

2. 数据准备

1. 需要拼接的数组，简单例子

let num = [1,2,3];
let numTemp = [3,3,4];

3. 拼接方式

3.1 使用concat

// 使用concat进行数组的拼接需要赋值创建新的数组
let newNumUseConcat = num.concat(numTemp);
console.log("newNum = ",newNumUseConcat);

使用concat进行数组的拼接需要赋值创建新的数组，这个时候原来的数组是不会发生变化的的
结果：newNum = , 1,2,3,3,3,4

3.2 使用传统for循环

// 传统的for循环写法
for(var i in numTemp){
    num.push(numTemp[i]);
}
console.log("useFor =", num);

结果：useFor =, 1,2,3,3,3,4
使用的传统的循环需要利用push将元素一个一个的添加进行。这个时候原来的数组发生了改变

3.3 使用apply

num.push.apply(num, numTemp);
console.log("useApply = ", num);

结果： useApply = , 1,2,3,3,3,4

使用了apply,调用num.push这个函数实例的apply方法，然后numTemp当作参数传入，这样num.push这个方法就会遍历numTemp数组的所有元素，进行逐个合并。

3.4 ES6的新特性进行合并

1. 使用...

let newEs6 = [...num,...numTemp];
console.log("newEs6 = ",newEs6);

结果： > newEs6 = , 1,2,3,3,3,4
2. 使用map

num.map((value,index) =>{
    numTemp.push(value);
})
console.log("numUseMap="+numTemp);

结果： numUseMap=3,3,4,1,2,3

这个方式也是使用循环的变量的方式，不过使用的map而已