JavaScript 將陣列附加到另一個

Ammar Ali 2023年10月12日
  1. 使用 JavaScript 中的 push() 函式將一個陣列附加到另​​一個陣列
  2. 使用 JavaScript 中的 concat() 函式將一個陣列附加到另​​一個陣列
JavaScript 將陣列附加到另一個

本教程將討論如何使用 JavaScript 中的 push()concat() 函式將一個陣列附加到另​​一個陣列。

使用 JavaScript 中的 push() 函式將一個陣列附加到另​​一個陣列

要將一個陣列附加到另​​一個陣列,我們可以使用 JavaScript 中的 push() 函式。push() 函式將一個專案陣列新增到另一個陣列中。例如,讓我們使用 push.apply() 函式將其所有陣列項新增到另一個陣列中。請參考下面的程式碼。

var myArray = ['a', 'b', 'c'];
var myArray2 = ['f', 'e']
myArray.push.apply(myArray, myArray2);
console.log(myArray)

輸出:

["a", "b", "c", "d", "e"]

正如你在輸出中看到的那樣,myArray2 中存在的兩個專案已新增到 myArray

使用 JavaScript 中的 concat() 函式將一個陣列附加到另​​一個陣列

你還可以使用 concat() 函式連線兩個陣列以建立另一個陣列。例如,讓我們使用 concat() 函式將一個陣列與另一個陣列連線起來。請參考下面的程式碼。

var myArray = ['a', 'b', 'c'];
var myArray2 = ['d', 'e'];
var myArray = myArray.concat(myArray2);;
console.log(myArray)

輸出:

["a", "b", "c", "d", "e"]

你可以通過更改連線順序來更改 myArray 中專案的順序。請注意,如果陣列太長,上述兩個函式將失敗。在這種情況下,你可以建立自己的函式來附加兩個陣列。例如,讓我們建立一個名為 AppendArray 的函式,使用 for 迴圈將一個陣列附加到另​​一個陣列。請參考下面的程式碼。

function AppendArray(arr1, arr2) {
  l1 = arr1.length;
  l2 = arr2.length;
  for (i = 0; i < l2; i++) {
    arr1[l1 + i] = arr2[i];
  }
  return arr1;
}
var myArray = ['a', 'b', 'c'];
var myArray2 = ['d', 'e'];
var myArray = AppendArray(myArray, myArray2);;
console.log(myArray)

輸出:

["a", "b", "c", "d", "e"]

在上面的程式碼中,我們使用它們的索引獲取 arr2 的元素,並在最後將它們新增到 arr2 中。迴圈將繼續,直到 arr2 的所有元素都已新增到 arr1length 函式用於獲取陣列的長度。

作者: Ammar Ali
Ammar Ali avatar Ammar Ali avatar

Hello! I am Ammar Ali, a programmer here to learn from experience, people, and docs, and create interesting and useful programming content. I mostly create content about Python, Matlab, and Microcontrollers like Arduino and PIC.

LinkedIn Facebook

相關文章 - JavaScript Array