JavaScript - 数组 concat() 方法

JavaScript Array.concat() 方法用于连接或串联两个或多个数组。连接后，此方法不会更改要连接的现有数组;而是返回一个包含连接后数组的新数组。

在内部，此方法会创建一个新数组，然后将第一个数组的所有元素复制到新数组中。然后，它将第二个数组的所有元素复制到新数组中，依此类推，直到出现新的数组。结果将是一个包含原始数组中所有元素的数组，这些元素按连接顺序排列。

语法

以下是 JavaScript 数组 concat() 方法的语法 -

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

参数

以下是上述语法的说明 -

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

返回值

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

示例

示例 1

在下面的示例中，我们使用 JavaScript 数组 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