JavaScript | 多重ループ（ネストされたfor文）

主な内容の要点

1. for文の中にfor文を入れられる

• 1つのfor文の中に、さらに別のfor文を書くことができます。
• これを 入れ子（ネスト）されたfor文 と呼びます。

for (let i = 0; i < 3; i++) {
  for (let j = 0; j < 3; j++) {
    console.log("i = " + i + ", j = " + j);
  }
}

for (let i = 0; i < 3; i++) {
  for (let j = 0; j < 3; j++) {
    console.log("i = " + i + ", j = " + j);
  }
}

👉 外側のループが1回動くたびに、内側のループが最初から最後まで実行されます。

2. 実行の流れ

上の例だと、出力は次のようになります：

i = 0, j = 0
i = 0, j = 1
i = 0, j = 2
i = 1, j = 0
...
i = 2, j = 2

つまり、外側のiが固定された状態で、内側のjが全部回る → それが繰り返されるイメージです。

3. 三重ループもできる

• for文の中にさらにfor文を入れることも可能です。
• 例えば「i, j, k」の3つの変数を組み合わせて処理できます。

for (let i = 0; i < 3; i++) {
  for (let j = 0; j < 3; j++) {
    for (let k = 0; k < 3; k++) {
      console.log(i, j, k);
    }
  }
}

for (let i = 0; i < 3; i++) {
  for (let j = 0; j < 3; j++) {
    for (let k = 0; k < 3; k++) {
      console.log(i, j, k);
    }
  }
}

4. 多次元配列の処理に便利

• 入れ子のfor文は、二次元配列（配列の中に配列があるもの） を扱うときによく使います。

const result = [
  [88, 78, 82],
  [92, 64, 76]
];

for (let i = 0; i < 2; i++) {
  for (let j = 0; j < 3; j++) {
    console.log("成績 = " + result[i][j]);
  }
}

const result = [
  [88, 78, 82],
  [92, 64, 76]
];

for (let i = 0; i < 2; i++) {
  for (let j = 0; j < 3; j++) {
    console.log("成績 = " + result[i][j]);
  }
}

👉 これで配列の中のすべての要素を順番に取り出せます。

ポイント

• 外側ループ × 内側ループ で「組み合わせ」を作れる
• 二次元配列や表形式のデータ処理に必須のテクニック
• ただしループが増えると処理が重くなるので注意

初心者向けに一言でまとめると：
「入れ子のfor文は、表や二次元配列を順番に処理するための道具」 です。