JavaScript | 多次元配列（配列の中に配列）

JavaScriptの多次元配列をやさしく解説

では、JavaScriptの「多次元配列」について、初心者向けにわかりやすく、例題を交えて説明していきます。

1. 配列ってなに？

• 配列は「データを順番に並べて入れておける箱」のようなものです。
  例:

let fruits = ["apple", "banana", "orange"];
console.log(fruits[0]); // "apple"

let fruits = ["apple", "banana", "orange"];
console.log(fruits[0]); // "apple"

2. 多次元配列とは？

• 配列の中に さらに配列を入れる ことができます。
• これを 多次元配列 と呼びます。
• イメージは「表（行と列）」です。

例:

let students = [
  ["Yamada", 18, "Tokyo"],
  ["Suzuki", 19, "Osaka"],
  ["Tanaka", 17, "Nagoya"]
];

let students = [
  ["Yamada", 18, "Tokyo"],
  ["Suzuki", 19, "Osaka"],
  ["Tanaka", 17, "Nagoya"]
];

これは「生徒名簿」を表していて、

• 1行目 → 山田さん（18歳・東京）
• 2行目 → 鈴木さん（19歳・大阪）
• 3行目 → 田中さん（17歳・名古屋）

3. データの取り出し方

• 最初の番号 → どの行か（どの配列か）
• 次の番号 → その行の中のどの列か

例:

console.log(students[0]);     // ["Yamada", 18, "Tokyo"]
console.log(students[0][0]);  // "Yamada"
console.log(students[1][1]);  // 19
console.log(students[2][2]);  // "Nagoya"

console.log(students[0]);     // ["Yamada", 18, "Tokyo"]
console.log(students[0][0]);  // "Yamada"
console.log(students[1][1]);  // 19
console.log(students[2][2]);  // "Nagoya"

4. 例題：テストの点数表

クラスのテスト結果を表にしてみましょう。

let scores = [
  ["Yamada", 80, 90, 70],
  ["Suzuki", 60, 75, 85],
  ["Tanaka", 95, 88, 92]
];

let scores = [
  ["Yamada", 80, 90, 70],
  ["Suzuki", 60, 75, 85],
  ["Tanaka", 95, 88, 92]
];

• scores[0][1] → 山田さんの1回目の点数（80）
• scores[2][3] → 田中さんの3回目の点数（92）

5. ループでまとめて表示

多次元配列は「for文」と組み合わせると便利です。

for (let i = 0; i < scores.length; i++) {
  let student = scores[i];
  console.log(student[0] + "さんの点数: " + student.slice(1));
}

for (let i = 0; i < scores.length; i++) {
  let student = scores[i];
  console.log(student[0] + "さんの点数: " + student.slice(1));
}

出力結果:

Yamadaさんの点数: 80,90,70
Suzukiさんの点数: 60,75,85
Tanakaさんの点数: 95,88,92

まとめ

• 配列の中に配列を入れると「表形式のデータ」を扱える
• array[行][列] の形でアクセスできる
• 名簿や点数表など、現実の「表」をイメージすると理解しやすい