【JavaScript】配列の先頭・最後に要素を追加しよう！【push unshift】

みなさんこんにちは、現役エンジニアのサメハックです

未経験からWebエンジニアに転職し、
現在正社員として5年働いたのちフリーランスとして独立しました。

JavaScriptの解説シリーズです。

今回は配列の先頭＆最後に要素を追加する方法について学んでいきましょう！

駆け出しエンジニアや未経験の方、
また新入社員を指導する先輩社員にとっても
わかりやすいように解説していきます！

この記事を読むと・・・

配列操作を覚えよう！
配列の知識がない人はこの記事を参考にしてね！

配列の最後に要素を追加しよう

配列.push(要素);

一般的に配列に要素を追加する際にはこれを使うよ！

// 配列の宣言
const userList = ["サメハック", "ねこハック", "いぬハック"];

// 配列の最後に要素を追加
userList.push("やぎハック");

console.log(userList);

【出力結果】

[ 'サメハック', 'ねこハック', 'いぬハック', 'やぎハック' ]

配列.unshift(要素);

これは使用頻度が低いよ！

// 配列の宣言
const userList = ["サメハック", "ねこハック", "いぬハック"];

// 配列の先頭に要素を追加
userList.unshift("やぎハック");

console.log(userList);

【出力結果】

[ 'やぎハック', 'サメハック', 'ねこハック', 'いぬハック' ]

ちなみに別で並び替えを行いたいときはソート機能をつかいます。
記述が難しいので、以下の記事を参考にしてください。

満足いただけたら、1クリックなのでSNSフォローしてもらえると嬉しいです🦈