JavaScript 什么是拼接N个数组的最有效的方式

在本文中，我们将看到如何在JavaScript中拼接N个数组。拼接N个数组的最有效的方式取决于数组的数量和大小。

为了拼接N个数组，我们可以使用以下方法：

• 使用push()方法
• 使用concat()方法
• 使用展开运算符

方法1：使用push()方法

我们创建N个数组，然后使用push()方法拼接数组。在这个过程中，我们还使用了展开运算符(…)来迭代每个值。

Javascript

const arr1 = [11, 12, 13];
const arr2 = [14, 15, 16];
arr1.push(...arr2);
console.log(arr1);

输出

[ 11, 12, 13, 14, 15, 16 ]

方法2：使用concat（）方法

首先，我们将创建N个数组，然后应用concat()方法来连接N个数组。concat()方法用于合并N个数组。此方法不会改变原始数组，并返回新的数组。

示例：

Javascript

const arr1 = [11, 12, 13],
      arr2 = [14, 15, 16],
      arr3 = [17, 18, 19],
      arr4 = [1, 3, 7];
 
const arr = arr1.concat(arr2, arr3, arr4);
 
console.log(arr);

输出：

[
  11, 12, 13, 14, 15,
  16, 17, 18, 19,  1,
   3,  7
]

方法3：使用展开运算符

您还可以使用展开运算符来连接N个数组。为此，首先我们将创建N个数组，然后应用展开运算符来连接N个数组。

注意： 这种方法比concat()方法更快且占用的内存较少。

示例：

Javascript

const arr1 = [11, 12, 13],
      arr2 = [14, 15, 16],
      arr3 = [17, 18, 19],
      arr4 = [1, 3, 7];
 
const arr = [...arr1, ...arr2, ...arr3, ...arr4];
 
console.log(arr);

输出

[
  11, 12, 13, 14, 15,
  16, 17, 18, 19,  1,
   3,  7
]