JavaScript - Array concat() 方法

JavaScript 的 Array.concat() 方法用于连接或合并两个或多个数组。连接后，此方法不会更改我们要连接的现有数组；而是返回一个新的数组作为结果，其中包含已连接的数组。

在内部，此方法创建一个新数组，然后将第一个数组的所有元素复制到新数组中。然后，它将第二个数组的所有元素复制到新数组中，依此类推，对于提供的每个其他数组都是如此。结果将是一个包含来自原始数组的所有元素的单个数组，其顺序与连接它们的顺序相同。

语法

以下是 JavaScript Array concat() 方法的语法：

array1.concat(array2, array3, ..., arrayN);

参数

以下是上述语法的描述：

array1 - 将与指定的值或数组连接的数组。
array2, array3, ..., arrayN - 要与原始数组连接的值或数组。

返回值

此方法返回一个新数组，其中包含来自原始数组 (array1) 和指定的值或数组的元素。

示例

示例 1

在以下示例中，我们使用 JavaScript Array concat() 函数连接两个数组：

<html>
<head>
   <h2>JavaScript Array concat() Method</h2>
</head>
<body>
   <script>
      const array1 = ["one", "two"];
      const array2 = ["three", "four", "five", "six"];
      
      const result = array1.concat(array2); 
      document.write(result);
   </script>
</body>
</html>

输出

如下所示，这将两个数组连接起来并返回一个新的连接数组。

JavaScript Array concat() Method
one,two,three,four,five,six

示例 2

在此示例中，我们将两个以上的 JavaScript 数组连接起来：

<html>
<head>
   <h2>JavaScript Array concat() Method</h2>
</head>
<body>
   <script>
      const array1 = ["Lion", "cheetah"];
      const array2 = ["Tiger", "Elephant", "Rhino"];
      const array3 = ["Dinosaur"]
      
      const result = array1.concat(array2, array3); 
      document.write(result);
   </script>
</body>
</html>

输出

程序将返回一个结果，其中三个数组连接到一个新的连接数组中。

JavaScript Array concat() Method
Lion,cheetah,Tiger,Elephant,Rhino,Dinosaur

打印页面