JavaScript数组合并的几种方法

1. 使用concat()方法

concat()方法用于合并两个或多个数组，并返回一个新数组。它不会改变原始数组，而是返回一个包含原始数组中所有元素的新数组。

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let mergedArray = arr1.concat(arr2);
console.log(mergedArray);   // [1, 2, 3, 4, 5, 6]

2. 使用扩展运算符

扩展运算符（spread operator）用于将一个可迭代对象（如数组）展开为多个元素。在合并数组时，我们可以使用扩展运算符将两个或多个数组合并为一个新数组。

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let mergedArray = [...arr1, ...arr2];
console.log(mergedArray);   // [1, 2, 3, 4, 5, 6]

3. 使用push()方法

push()方法用于向数组的末尾添加元素，并返回新数组的长度。我们可以使用push()方法依次将多个数组的元素添加到一个新数组中。

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let mergedArray = [];
mergedArray.push(...arr1);
mergedArray.push(...arr2);
console.log(mergedArray);   // [1, 2, 3, 4, 5, 6]

4. 使用循环遍历

我们可以使用循环遍历将多个数组的元素逐个添加到一个新数组中。

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let mergedArray = [];
for (let i = 0; i < arr1.length; i++) {
  mergedArray.push(arr1[i]);
}
for (let j = 0; j < arr2.length; j++) {
  mergedArray.push(arr2[j]);
}
console.log(mergedArray);   // [1, 2, 3, 4, 5, 6]

5. 使用reduce()方法

reduce()方法对数组中的所有元素按顺序应用一个函数，并将其简化为单个值。我们可以使用reduce()方法来合并多个数组。

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let mergedArray = [arr1, arr2].reduce((a, b) => a.concat(b));
console.log(mergedArray);   // [1, 2, 3, 4, 5, 6]

6. 使用apply()方法

apply()方法用于在一个对象上调用一个函数，并将数组作为函数参数传递。我们可以使用apply()方法来将多个数组合并为一个新数组。

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let mergedArray = Array.prototype.concat.apply(arr1, arr2);
console.log(mergedArray);   // [1, 2, 3, 4, 5, 6]

以上是JavaScript数组合并的几种常见方法。根据实际应用场景，可以选择最合适的方法来合并数组。