JS
配列
初級読み方:はいれつ|英語:Array
複数のデータをまとめて管理するデータ構造で、["A", "B", "C"] の形で書くよ。いつ使う? ToDoリストの項目、ユーザー一覧、テストの点数など、同じ種類のデータをまとめて扱いたいときに使うよ。間違いやすいポイント: インデックスは0から始まるよ。3つの要素がある配列の最後は[2]であって[3]ではないよ。[3]にアクセスするとundefinedが返るよ。
やさしい説明
配列(はいれつ)とは、複数のデータを順番に並べて管理するデータ構造です。「番号付きのロッカー」のイメージです。
[ ] で囲んでカンマで区切って書きます。番号(インデックス)は0から始まるのが特徴です。最初の要素は [0] です。
同じ種類のデータをまとめて管理するのに向いています。生徒の名前一覧、テストの点数一覧、商品リストなどに使います。
図解:配列とオブジェクトの違い
具体例・使い方
const fruits = ["りんご", "みかん", "バナナ"];
fruits[0]; // "りんご"(最初の要素)
fruits.length; // 3(要素数)
fruits.push("ぶどう"); // 末尾に追加
// 全要素に対して処理
fruits.forEach(fruit => {
console.log(fruit);
}); いつ使う?
同じ種類のデータを複数管理するときに使います。TODOリスト、チャットのメッセージ一覧、検索結果の表示などが典型的な使い方です。
間違いやすいポイント
❌ インデックスが0から始まることを忘れる
const arr = ["A", "B", "C"];
arr[1]; // "B"(2番目!1番目ではない)
arr[3]; // undefined(存在しない) よくある疑問
Q: 配列のインデックスはなぜ0から?
A: コンピューターの内部的な理由です。最初の要素は[0]、2番目は[1]と覚えましょう。arr.lengthは要素数なので、最後のインデックスはlength-1です。
Q: 配列に要素を追加するには?
A: arr.push(値) で末尾に追加、arr.unshift(値) で先頭に追加します。pushが最もよく使います。
Q: 配列の要素数を調べるには?
A: arr.length で要素数がわかります。空の配列は length が 0 です。
関連用語
📖 関連レッスン
レッスンを見る →