JavaScript 数组 concat 扩展运算符

在 JavaScript 中，数组是一种非常有用的数据结构，它可以存储多个元素。而在处理数组时，经常需要将多个数组合并成一个新的数组。

JavaScript 提供了 concat() 方法和扩展运算符 (...) 来实现数组合并。

concat() 方法

concat() 方法可以将一个或多个数组合并成一个新的数组。它不会改变原数组，而是返回一个新的数组。

语法如下：

const newArray = arr.concat(value1, value2, ..., valueN);

其中，arr 是要进行合并的数组，value1 到 valueN 是要添加到新数组中的值。如果某个参数不是数组，它将被添加到新数组中作为单独的元素。

下面是一个例子：

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

扩展运算符

扩展运算符 (...) 可以将数组展开成多个元素，以便于进行合并。

语法如下：

const newArray = [...arr1, ...arr2, ...arr3];

其中，arr1、arr2、arr3 是要进行合并的数组。[...] 表示将数组展开成多个元素，然后作为参数传递给新数组的创建。

下面是一个例子：

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const arr3 = [7, 8, 9];
const arr4 = [...arr1, ...arr2, ...arr3];
console.log(arr4); // [1, 2, 3, 4, 5, 6, 7, 8, 9]

总结

通过 concat() 方法和扩展运算符 (...)，可以将多个数组合并成一个新的数组。在使用时，可以根据实际情况选择不同的方法。

concat() 方法会创建一个新数组，相比之下，扩展运算符更加简单和直接，而且可以直接使用在数组字面量中。

无论选择哪种方法，需要注意的是，这些方法都不会改变原数组，而是返回一个新的数组。