JavaScript 中如何合并数组？

推荐答案

在 JavaScript 中，合并数组有多种方法，以下是几种常见的实现方式：

方法 1：使用 concat() 方法

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
const mergedArray = array1.concat(array2);
console.log(mergedArray); // 输出: [1, 2, 3, 4, 5, 6]

方法 2：使用扩展运算符 (...)

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
const mergedArray = [...array1, ...array2];
console.log(mergedArray); // 输出: [1, 2, 3, 4, 5, 6]

方法 3：使用 push() 方法

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
array1.push(...array2);
console.log(array1); // 输出: [1, 2, 3, 4, 5, 6]

方法 4：使用 Array.prototype.reduce()

const arrays = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
const mergedArray = arrays.reduce((acc, curr) => acc.concat(curr), []);
console.log(mergedArray); // 输出: [1, 2, 3, 4, 5, 6, 7, 8, 9]

本题详细解读

concat() 方法

concat() 是 JavaScript 数组的原生方法，用于合并两个或多个数组。它不会改变原数组，而是返回一个新数组。concat() 方法可以接受任意数量的参数，参数可以是数组或值。

扩展运算符 (...)

扩展运算符 (...) 是 ES6 引入的语法，用于将数组或对象展开。在合并数组时，扩展运算符可以将多个数组的元素展开到一个新数组中。这种方法简洁且易于理解。

push() 方法

push() 方法用于向数组的末尾添加一个或多个元素。结合扩展运算符，可以将一个数组的元素添加到另一个数组中。需要注意的是，push() 会修改原数组。

Array.prototype.reduce()

reduce() 方法用于将数组中的元素通过指定的函数累积为一个值。在合并数组时，可以使用 reduce() 方法将多个数组合并为一个数组。这种方法适用于需要合并多个数组的场景。

每种方法都有其适用的场景，开发者可以根据具体需求选择合适的方法。