连接多个数组的方法

在 JavaScript 中，我们可以使用多种方法来连接多个数组。下面介绍一些常用的方法。

使用 concat() 方法

concat() 方法在不修改原数组的情况下将多个数组连接起来，并返回一个新的数组。下面是一个例子：

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

可以看到，concat() 方法首先将 arr1 和 arr2 连接起来，然后将结果与 arr3 连接起来，最后返回一个包含所有元素的新数组。

使用 spread 运算符

ES6 引入的 spread 运算符可以用来将数组打散，从而方便地将多个数组连接起来。下面是一个例子：

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

可以看到，[...arr1, ...arr2, ...arr3] 打散了三个数组，并在一个新的数组中连接了它们的元素。

使用 push() 方法

push() 方法可以将一个数组的元素添加到另一个数组的末尾，从而实现连接多个数组的目的。下面是一个例子：

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

可以看到，push() 方法首先将 arr2 的元素添加到 arr1 的末尾，然后将 arr3 的元素添加到 arr1 的末尾，最后 arr1 包含了所有元素。请注意，push() 方法会修改原数组，而不是返回一个新的数组。

使用 reduce() 方法

reduce() 方法可以用来将多个数组连接起来，并且还可以对连接后的数组进行一些操作，比如去重、排序等。下面是一个例子：

const arr1 = [1, 2, 3];
const arr2 = [3, 4, 5];
const arr3 = [5, 6, 7];
const newArr = [arr1, arr2, arr3].reduce((acc, cur) => {
  return acc.concat(cur);
}, []);
console.log(newArr); // 输出 [1, 2, 3, 4, 5, 6, 7]

可以看到，reduce() 方法首先将 arr1 和 arr2 连接起来，然后将结果与 arr3 连接起来，最后返回一个包含所有元素的新数组。注意，reduce() 方法的第二个参数是连接后的数组的初始值。在这个例子中，我们将其设为一个空数组 []。

以上这些方法都可以实现连接多个数组的目的，具体使用哪一种方法取决于应用场景和个人喜好。建议先了解其中一种方法的使用，然后再根据需要选择其他方法或组合使用不同的方法。