原文地址：https://www.itheima.com/news/20211126/163815.html
Js合并数组一般有以下集中方法，下面我们分别介绍。
1. 利用concat()方法
concat()方法，可以连接两个或多个数组，不影响原数组，返回一个新数组。
<script>
var arr = ['a', 'b', 'c'];
var arr1 = [1, 2, 3, 4];
// 通过concat()将arr和arr1两个数组合并
var arr2 = arr.concat(arr1);
console.log(arr2); //输出：(7) ["a", "b", "c", 1, 2, 3, 4]
</script>
2. 利用for循环
<script>
var arr = ['a', 'b', 'c'];
var arr1 = [1, 2, 3, 4];
for(i in arr){
arr1.push(arr[i]);
}
console.log(arr1); // 输出：(7) [1, 2, 3, 4, "a", "b", "c"]
</script>
3. apply () 方法
apply()方法是JS中所有函数默认都有的方法是JS中所有函数默认都有的方法，有两个参数，第一个参数是上下文环境的对象，第二个参数是函数列表，支持数组形式传递，
<script>
var arr = ['a', 'b', 'c'];
var arr1 = [1, 2, 3, 4];
arr1.push.apply(arr1, arr);
console.log(arr1); // 输出：(7) [1, 2, 3, 4, "a", "b", "c"]
</script>
调用arr1数组的push函数的apply函数，将上下文环境设为arr1数组，参数列表设为arr，由于push方法支持如下调用：push(item1, item2, item3)，所以就将数组参数转换为参数列表，从而实现数组合并。
4. 扩展运算符
扩展运算符(...)是ES6的语法，用于取出参数对象的所有可遍历属性，然后拷贝到当前对象之中。
<script>
var arr = ['a', 'b', 'c'];
var arr1 = [1, 2, 3, 4];
arr = [...arr, ...arr1]
console.log(arr); // 输出：(7) ["a", "b", "c", 1, 2, 3, 4]
</script>
猜你喜欢：