JavaScriptの配列の末尾に要素を追加する方法【pushメソッド】

JavaScriptで配列の末尾（最後）に新しい要素を追加したい場合は、pushメソッドを使用します。このメソッドは、指定した要素を配列の最後に追加し、追加後の配列の長さを返します。

基本的な使い方

まずは、配列に1つの要素を追加するシンプルな例を見てみましょう。

let veggies = ["Onion", "Raddish"];
veggies.push("Cabbage");
console.log(veggies);

このコードを実行すると、以下のような出力が得られます。

["Onion", "Raddish", "Cabbage"]

元の配列「veggies」に「Cabbage」が末尾に追加されていることが確認できます。なお、pushメソッドは元の配列を直接変更する（破壊的メソッドである）点に注意してください。

複数の要素を一度に追加する

pushメソッドは可変長の引数をサポートしているため、複数の要素を一度に追加することも可能です。

let veggies = ["Onion", "Raddish"];
veggies.push("Cabbage", "Carrot", "Broccoli");
console.log(veggies);

実行結果は以下のとおりです。

["Onion", "Raddish", "Cabbage", "Carrot", "Broccoli"]

このように、引数として渡した要素が指定した順序で配列の末尾に追加されます。

まとめ

配列の末尾に要素を追加する際は、pushメソッドが最も一般的で簡単な方法です。1つの要素だけでなく、複数の要素をまとめて追加できるため、状況に応じて柔軟に使い分けるとよいでしょう。