如何使用扩展运算符在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