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 です。

関連用語

📖 関連レッスン

レッスンを見る →

関連ブログ記事

⚠️ 関連するエラー

❓ 関連するQ&A