JavaScriptを使用して配列にアイテムを追加する方法

JavaScriptを使用して配列にアイテムを追加するいくつかの方法を学ぶ

配列にアイテムを追加するには、JavaScriptのpush()を使用できます。 メソッドまたはconcat() コンテキストに応じて、メソッド。どちらのメソッドもJavaScript配列オブジェクトによって提供されます。

実際に両方の方法を使用する方法と理由を説明します。

単一のアイテムを配列に追加します

野菜の既存のリスト（配列）に野菜を追加しましょう：

const vegetables = ["broccoli", "onion", "spinach"]
vegetables.push("carot")

これで、結果を印刷できます：

console.log(vegetables)
// ["broccoli", "onion", "spinach", "carot"]

注：vegetables アレイが変更されました。

複数のアイテムを配列に追加する

配列に複数のアイテムを追加するには、push()を使用することもできます 、コンマで区切って複数の引数を追加するだけです：

const vegetables = ["broccoli", "onion", "spinach"]
vegetables.push("carot", "green beans", "kale")

注：vegetables アレイが変更されました。

配列の変更と新しい配列/ push（）とconcat（）

上記のように、push() メソッドは元の配列を変更します。代わりに新しいを作成する場合 元の配列に基づいて配列し、それに新しい項目を追加してから、JavaScript配列concat()を使用します 方法：

const vegetables = ["broccoli", "onion", "spinach"]
const newVegetables = vegetables.concat("carot")

次に、両方の変数を出力してみます。

console.log(vegetables)
// ["broccoli", "onion", "spinach"]
console.log(newVegetables)
// ["broccoli", "onion", "spinach", "carot", "green beans", "kale"]

そして、元のvegetables 配列は変更されていません およびnewVegetables vegetablesのコピーが含まれています 配列+carot concat()で追加しました メソッド。

concat() メソッドは複数のアイテムで同じように機能します。push()の場合と同じように、アイテムをコンマで区切るだけです。 前の例：

const vegetables = ["broccoli", "onion", "spinach"]
const newVegetables = vegetables.concat("carot", "green beans", "kale")

要約：

2つの配列メソッドを混同しないことが重要なので、最後に注意してください：

• push() 元の配列を変更します
• concat() 新しい配列を返す（作成する）