JavaScript Array concat()用法及代碼示例

下麵是使用數組concat()方法連接三個數組的示例。

• 例：

  <script> 
  // JavaScript code for concat() method 
  function func() { 
      var num1 = [11, 12, 13], 
          num2 = [14, 15, 16], 
          num3 = [17, 18, 19]; 
      document.write(num1.concat(num2, num3)); 
  } 
  func(); 
  </script>
• 輸出：

  [11,12,13,14,15,16,17,18,19]
  

arr.concat()方法用於將兩個或多個數組合並在一起。此方法不會更改作為參數傳遞的原始數組。

用法:

var new_array = old_array.concat(value1[, value2[, ...[, valueN]]])

參數：此方法的參數是數組或需要添加到給定數組的值。此方法的參數數量取決於要合並的數組或值的數量。

返回值：此方法返回一個新創建的數組，該數組是在合並作為參數傳遞給該方法的所有數組之後創建的。

以下示例說明了JavaScript Array concat()方法：

• 範例1：在此示例中，方法concat()將所有三個數組連接到一個數組中，並作為答案返回。

  var num1 = [11, 12, 13],
      num2 = [14, 15, 16],
      num3 = [17, 18, 19];
  print(num1.concat(num2, num3));
  

  輸出：

  [11,12,13,14,15,16,17,18,19]
  

• 範例2：在此示例中，方法concat()將使用給定數組傳遞給該方法的所有參數連接到一個數組中，並作為答案返回。

  var alpha = ['a', 'b', 'c'];
  print(alpha.concat(1, [2, 3]));
  

  輸出：

  [a,b,c,1,2,3]
  

• 範例3：在此示例中，方法concat()將兩個數組都連接為一個數組，然後返回該數組作為答案。

  var num1 = [[23]];
  var num2 = [89, [67]];
  print(num1.concat(num2));
  

  輸出：

  [23,89,67] 
  

上述方法的更多示例代碼如下：
程序1:

<script> 
    // JavaScript code for concat() method 
    function func() { 
        var alpha = ["a", "b", "c"]; 
        document.write(alpha.concat(1, [2, 3])); 
    } 
    func(); 
</script>

輸出：

[a,b,c,1,2,3]

程序2:

<script> 
    // JavaScript code for concat() method 
    function func() { 
        var num1 = [[23]]; 
        var num2 = [89, [67]]; 
        document.write(num1.concat(num2)); 
    } 
    func(); 
</script>

輸出：

[23,89,67] 

支持的瀏覽器：下麵列出了JavaScript數組concat()方法支持的瀏覽器：

• 穀歌瀏覽器
• IE瀏覽器
• Mozila Firefox
• Safari
• Opera