在 JavaScript 中合并数组

在 JavaScript 中，有多种方法可以将数组合并成一个。以下是一些常见的方法:

使用 spread operator

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

const combinedArr = [...arr1, ...arr2];

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

使用 spread operator 将两个数组展开并合并成一个新数组。该操作符可以用于任意数量的数组。

使用 concat 方法

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

const combinedArr = arr1.concat(arr2);

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

使用 concat 方法将两个数组连接成一个新数组。该方法也可以用于连接多个数组。

使用 push 方法

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

arr1.push(...arr2);

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

使用 push 方法将第二个数组中的元素添加到第一个数组中。在数组末尾添加一个或多个元素。

使用 unshift 方法

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

arr2.unshift(...arr1);

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

使用 unshift 方法将第一个数组中的元素添加到第二个数组的开头。在数组开头添加一个或多个元素。

使用 reduce 方法

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

const combinedArr = arr2.reduce((acc, curr) => {
  acc.push(curr);
  return acc;
}, [...arr1]);

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

使用 reduce 方法将一个数组中的元素添加到另一个数组中。将一个数组作为累加器的初始值，并通过迭代将另一个数组的元素添加到累加器中。

以上是将数组合并的几种常见方法，在实际开发中可以根据实际情况选用不同的方式，以达到更好的效率和性能。