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

では、3次元配列の中身を3重ループで全部出力する、実践的なサンプルを作ります。

1. 3次元配列の例

const box = [
  [ [1, 2], [3, 4] ],
  [ [5, 6], [7, 8] ]
];

const box = [
  [ [1, 2], [3, 4] ],
  [ [5, 6], [7, 8] ]
];

• 外側の配列は「x軸方向のブロック」
• その中の配列は「y軸方向のブロック」
• さらにその中の配列は「z軸方向の値」

2. 3重ループで中身を取り出す

for (let x = 0; x < box.length; x++) {          // x軸
  for (let y = 0; y < box[x].length; y++) {     // y軸
    for (let z = 0; z < box[x][y].length; z++) { // z軸
      console.log('box[' + x + '][' + y + '][' + z + '] = ' + box[x][y][z]);
    }
  }
}

for (let x = 0; x < box.length; x++) {          // x軸
  for (let y = 0; y < box[x].length; y++) {     // y軸
    for (let z = 0; z < box[x][y].length; z++) { // z軸
      console.log('box[' + x + '][' + y + '][' + z + '] = ' + box[x][y][z]);
    }
  }
}

3. 出力結果

box[0][0][0] = 1
box[0][0][1] = 2
box[0][1][0] = 3
box[0][1][1] = 4
box[1][0][0] = 5
box[1][0][1] = 6
box[1][1][0] = 7
box[1][1][1] = 8

💡 ポイント：

• 外→中→内の順でループを展開
• box.length は「x軸の数」、box[x].length は「y軸の数」、box[x][y].length は「z軸の数」
• これで3次元配列の全要素にアクセスできる

4. 練習アイデア

1. 数字をランダムに入れて、3次元のマス目を作ってみる
2. 3Dゲームや立体マップの初期値を3重ループで設定する
3. 配列の中身を合計したり平均したりする処理を3重ループでやってみる

💡 補足：
多重ループは便利ですが、入れ子が深くなると計算量が増えるので、初心者はまず 2重ループ → 3重ループ の順で練習すると理解しやすいです。