如何在 JavaScript 中將項目添加到數組中

在 vanilla JavaScript 中，您可以使用 Array.push() 將新項目添加到數組的方法。該方法在數組末尾追加一項或多項，並返回新的長度。

這是一個例子：

const fruits = ['Orange', 'Mango', 'Banana'];

// add more fruits
fruits.push('Apple', 'Lemon');

console.log(fruits);

// ['Orange', 'Mango', 'Banana', 'Apple', 'Lemon']

如果您想將項目附加到開頭 數組，使用 Array.unshift() 代替方法。此方法的工作原理類似於 Array.push() 除了給定的項目添加在數組的開頭：

const fruits = ['Orange', 'Mango', 'Banana'];

// add more fruits
fruits.unshift('Kiwi', 'Lemon');

console.log(fruits);

// ['Kiwi', 'Lemon', 'Orange', 'Mango', 'Banana']

在特定索引處添加項目

要在數組的特定索引處添加新項目，可以使用 Array.splice() 方法。此方法在指定的起始索引處添加新項目並返回已刪除的項目（如果有）。

這是一個示例，演示如何使用 Array.splice() 在數組的第 3 個索引處添加新項目 ：

const fruits = ['Apple', 'Orange', 'Mango', 'Banana'];

const removed = fruits.splice(2, 0, 'Cherry');

console.log(fruits); // ['Apple', 'Orange', 'Cherry', 'Mango', 'Banana']
console.log(removed); // []

合併兩個數組

如果要將一個數組的所有項添加到另一個數組怎麼辦？您可以使用 Array.concat() 方法將兩個或多個數組合併在一起。此方法將一個或多個數組作為輸入，並將所有後續數組合併到第一個：

const fruits = ['Orange', 'Mango', 'Banana'];

const moreFruits = ['Kiwi', 'Lemon'];

// merge all fruits
const allFruits = fruits.concat(moreFruits);

console.log(allFruits);

// ['Orange', 'Mango', 'Banana', 'Kiwi', 'Lemon']

Array.concat() 方法不會更改原始數組。相反，它總是返回一個新數組。

查看這篇文章，了解更多關於 JavaScript 數組以及如何使用它們將多條信息存儲在一個變量中的信息。