Verschachtelt für Schleifen JavaScript

Harshit Jindal 12 Oktober 2023
Verschachtelt für Schleifen JavaScript

In diesem Tutorial wird das Konzept verschachtelter Schleifen in JavaScript erläutert. Eine Schleife ist eine Programmierstruktur, die verwendet wird, um eine Reihe von Daten zu durchlaufen oder dieselbe Aktion wiederholt auszuführen, bis eine bestimmte Bedingung erfüllt ist, oder für einen bestimmten Zeitraum, ohne den Code immer wieder explizit zu schreiben. Eine verschachtelte for-Schleife ist eine Zusammensetzung von Schleifen. Wir können eine oder mehrere Schleifen in einer Schleife haben. Die verschachtelte Schleife wird als innere Schleife bezeichnet, und die Schleife, die die verschachtelte Schleife enthält, wird als äußere Schleife bezeichnet.

Die Ausführung beginnt immer mit der äußeren Schleife und bewegt sich dann die verschachtelten Schleifen hinunter. Die inneren Schleifen werden in jeder Iteration der äußeren Schleife vollständig ausgeführt. Wir können die Syntax für eine verschachtelte Schleife allgemein wie folgt definieren:

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

Die Schleife kann von einem beliebigen Typ sein, z. B. for-Schleife, while-Schleife oder do-while-Schleife.

Betrachten wir ein 2D-Array arr[2][3] = [[1,2],[3,4],[5,6]] und wir möchten alle Elemente drucken. Dafür benötigen wir zwei Schleifen. Eine, um alle Subarrays zu iterieren und alle Elemente in diesen Subarrays zu iterieren.

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;
}

Ausgabe:

1
2
3
4
5
6

Wir besuchen iterieren über alle im Array vorhandenen Subarrays.

  • Erste Iteration i=0:
    • Iteration der inneren Schleife 1: j=0 Drucken 1
    • Iteration 2 der inneren Schleife: j=1 Drucken 2
  • Zweite Iteration i=1:
    • Iteration der inneren Schleife 1: j=0 Drucken 3
    • Iteration 2 der inneren Schleife: j=1 Drucken 4
  • Dritte Iteration i=2:
    • Iteration der inneren Schleife 1: j=0 Drucken 5
    • Iteration 2 der inneren Schleife: j=1 Drucken 6
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

Verwandter Artikel - JavaScript Loop