js中你不知道的数组合并方法及优缺点分析

1.concat(arr1,arr2,arr3…)
例：

var arr1 = [1,2,3];
var arr2 = [4,5,6];
var concatArr = arr1.concat(arr2)

2.三点运算符
例：

var arr1 = [1,2,3];
var arr2 = [4,5,6];
var concatArr =  [...arr1,...arr2]

3.利用apply+push
例：

var arr1 = [1,2,3];
var arr2 = [4,5,6];
arr1.push.apply(arr1, arr2) // arr1就是合并完成的数组

4.利用call+push+三点运算符
例：

var arr1 = [1,2,3];
var arr2 = [4,5,6];
arr1.push.call(arr1, ...arr2) // arr1就是合并完成的数组

方法优缺点分析：
方法1和方法2：
优点：不改变原数组，不影响其他地方对于原数组的使用
缺点：开辟了新的内存存储合并完的数据，当合并的数据很大的时候，内存就会占很多

方法3和方法3
优点：不需要开辟了新的内存存储合并完的数据，节约内存资源
缺点：改变原数组，影响其他地方对于原数组的使用

总结： 所以，当我们使用数据合并的时候，我们需要根据需要进行分析，在合适的地方使用最合适的方法，来对前端做优化