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
廣告