JavaScript数组合并的多种方法

下面是“JavaScript数组合并的多种方法”的完整攻略。

方法一：concat()

concat() 方法将两个或多个数组合并成一个新数组。

使用示例

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

console.log(arr3); // [1, 2, 3, 4, 5, 6]

方法二：spread operator

展开运算符（spread operator）可以用于展开数组，从而将数组中的元素逐个插入到新数组中。

使用示例

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const arr3 = [...arr1, ...arr2];

console.log(arr3); // [1, 2, 3, 4, 5, 6]

方法三：push()方法

push() 方法将一个或多个元素添加到数组的末尾。

使用示例

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
arr1.push(...arr2);

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

方法四：unshift()方法

unshift() 方法将一个或多个元素添加到数组的开头。

使用示例

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
arr2.unshift(...arr1);

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

注意，这种方法会改变原始数组。

方法五：push.apply()方法

push.apply() 方法是 concat() 方法的一种替代方案。

使用示例

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
Array.prototype.push.apply(arr1, arr2);

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

方法六：reduce()方法

reduce() 方法可以使用累加器函数来组合数组中的元素。

使用示例

const arr = [[1, 2], [3, 4], [5, 6]];
const result = arr.reduce((acc, cur) => {
  return acc.concat(cur);
}, []);

console.log(result); // [1, 2, 3, 4, 5, 6]

这里我们将要合并的数组放在了一个外部数组中，并使用 reduce() 方法将它们合并成一个新数组。

以上就是“JavaScript数组合并的多种方法”的完整攻略，希望能对您有所帮助！