taccuma note

JavaScriptの配列に対して簡単に要素を追加できるメソッドpush

例えば以下のような配列(Array)があったとします。

var colors = ["red", "blue", "green"];

この配列に、pinkとyellowを追加したいと思ったとき
いったいどうしたらよいでしょうか?

この場合、配列に対して簡単に要素を追加できる
方法があります。

pushメソッドを使う!

Array.push(element1, element2, element3…)

配列の後ろにドットでpushメソッドをつなげて、その引数に追加したい要素をカンマ区切りで指定していけば…配列に対して簡単に要素を追加することが可能です。

最初の例で示した配列colorsにpinkとyellow2色を追加する場合は・・・

var colors = ["red", "blue", "green"];
colors.push("pink", "yellow");

このように記述すればOKです。
ただし、このpushメソッドの返り値は新しくなった配列の長さです。

var colors = ["red", "blue", "green"];
var i = colors.push("pink", "yellow");

console.log(colors);
console.log(i);

ためしにコンソールにどうなってるかを表示させてみると・・・

array_push-1
新しい配列はちゃんと要素がred、blue、green、pink、yellowの5色が入ってるし…配列の長さも5であると表示されてるのが見て取れますね。

この記事をシェアする

コメント

コメントは管理人の承認後に公開されます...

Leave a Reply

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

最近の投稿

おすすめ

タグクラウド

カテゴリー