如何使用扩展运算符在JavaScript中联接两个或多个数组？

两个连接两个或多个数组的我们有一个内置的方法，称为array.concat()。但是我们可以使用散布运算符更轻松地加入数组。

语法

var merged = [...arr1, ...arr2];

让我们尝试合并没有散布运算符的数组。

在下面的示例中，使用array.concat()方法代替散布运算符来连接两个数组。

示例

<html>
<body>
   <script>
      var arr1 = [1,2,3];
      var arr2 = [4,5,6];
      var merged = arr1.concat(arr2);
      document.write(merged);
   </script>
</body>
</html>

输出结果

1,2,3,4,5,6

点差运算符

在下面的示例中，使用散布运算符来连接两个数组。

示例

<html>
<body>
   <script>
      var arr1 = [1,2,3];
      var arr2 = [4,5,6];
      var merged = [...arr1, ...arr2];
      document.write(merged);
   </script>
</body>
</html>

输出结果

1,2,3,4,5,6

在下面的示例中，使用散布运算符来连接3个数组。通过使用concat()方法，很难找到更多的数组，但是通过使用散布运算符，可以很容易地连接更多的数字数组。

示例

<html>
<body>
   <script>
      var arr1 = [1,2,3];
      var arr2 = [4,5,6];
      var arr3 = [7,8,9];
      var merged = [...arr1,...arr2,...arr3];
      document.write(merged);
   </script>
</body>
</html>

输出结果

1,2,3,4,5,6,7,8,9

基础教程