JavaScript のネストされたループ

Harshit Jindal 2023年10月12日
JavaScript のネストされたループ

このチュートリアルでは、JavaScript のネストされたループの概念について説明します。ループは、一連のデータを反復処理したり、特定の条件が満たされるまで、またはコードを何度も明示的に記述せずに一定時間同じアクションを繰り返し実行したりするために使用されるプログラミング構造です。ネストされた for ループは、ループの組み合わせです。ループ内に 1つ以上のループを存在させることができます。ネストされたループは内部ループと呼ばれ、ネストされたループを含むループは外部ループと呼ばれます。

実行は常に外側のループから始まり、ネストされたループを下に移動します。内側のループは、外側のループの各反復で完全に実行されます。ネストされたループの構文は、次のように大まかに定義できます。

Outerloop {
  Innerloop {
    // statements to execute inside inner loop
  }
  // statements to execute inside outer loop
}

ループは、for ループ、while ループ、または do-while ループのような任意のタイプにすることができます。

2D 配列 arr[2][3] = [[1,2],[3,4],[5,6]] を考えてみましょう。すべての要素を出力します。これには 2つのループが必要です。1つは、すべてのサブ配列を反復し、それらのサブ配列内のすべての要素を反復します。

function print(arr) {
  for (let i = 0; i < arr.length; i++) {
    for (let j = 0; j < arr[i].length; j++) {
      console.log(arr[i][j]);
    }
  }
  return;
}

出力:

1
2
3
4
5
6

アレイ内に存在するすべてのサブアレイを反復処理します。

  • 最初の反復 i=0:
    • 内部ループ反復 1:j=0 出力 1
    • 内部ループ反復 2:j=1 出力 2
  • 2 回目の反復 i=1:
    • 内部ループ反復 1:j=0 出力 3
    • 内部ループ反復 2:j=1 出力 4
  • 3 回目の反復 i=2:
    • 内部ループ反復 1:j=0 出力 5
    • 内部ループ反復 2:j=1 出力 6
著者: Harshit Jindal
Harshit Jindal avatar Harshit Jindal avatar

Harshit Jindal has done his Bachelors in Computer Science Engineering(2021) from DTU. He has always been a problem solver and now turned that into his profession. Currently working at M365 Cloud Security team(Torus) on Cloud Security Services and Datacenter Buildout Automation.

LinkedIn

関連記事 - JavaScript Loop