Was ist eine Schleife in Javascript? Wie funktionieren die Schleifen for und while in Javascript?

In JavaScript ist eine Schleife (Schleife oder wie es die Wortbildung sagt - Kolobig) eine Sprachkonstruktion, die es ermöglicht, einen Codeblock wiederholt mehrere Male auszuführen. Sie ermöglicht die Automatisierung wiederholter Aktionen oder die Verarbeitung von Listen (Arrays) von Daten. In JavaScript gibt es mehrere Arten von Schleifen. Die beiden häufigsten sind: for und while. Die for-Schleife

Die for-Schleife wird verwendet, um einen Codeblock eine bestimmte Anzahl von Malen auszuführen. Sie hat die folgende Syntax:

for (Initialisierung; Bedingung; Schritt) {
    // block von code, der wiederholt wird
}

Auf den ersten Blick ist nicht klar, was Initialisierung, Bedingung und Schritt sind. In der for-Schleife in JavaScript sind Initialisierung, Bedingung und Schritt Bestandteile, die helfen, die Ausführung der Schleife zu steuern.

 Initialisierung (initialization): Dies ist der Anfangswert oder die Anfangseinstellung von Variablen, die in der Schleife verwendet werden. Sie wird nur einmal vor Beginn der Ausführung der Schleife ausgeführt. Die Initialisierung umfasst normalerweise die Deklaration einer Variablen und die Zuweisung eines Anfangswertes. Lassen Sie uns ein praktisches Beispiel für eine for-Schleife betrachten: 

for (let i = 0; i < 5; i++) {
    // block von code, der wiederholt wird	
}

In diesem Beispiel ist let i = 0 die Initialisierung. Die Variable i wird erstellt und mit dem Wert 0 vor Beginn der Schleife initialisiert. Bedingung (condition): Dies ist die Bedingung, die vor jeder Iteration der Schleife überprüft wird. Wenn die Bedingung erfüllt ist (den Wert true hat), wird der Codeblock der Schleife ausgeführt. Wenn die Bedingung nicht erfüllt ist (den Wert false hat), wird die Ausführung der Schleife beendet und der nächste Code nach der Schleife wird ausgeführt. In unserem Beispiel ist i < 5 die Bedingung. Solange i kleiner als 5 ist, wird die Schleife ausgeführt. Sobald i gleich oder größer als 5 wird, wird die Schleife beendet. Schritt (step): Dies ist die Operation, die nach jeder Iteration der Schleife ausgeführt wird. Sie ändert den Wert der Variablen, die in der Schleife verwendet wird, für die nächste Iteration. Nach jeder Iteration wird die Variable i um 1 erhöht.

Somit helfen Initialisierung, Bedingung und Schritt zusammen, die Wiederholung des Codeblocks in der for-Schleife zu steuern, indem sie den Ausgangspunkt, die Fortsetzungsbedingung und die Änderungen angeben, die nach jeder Iteration stattfinden. Ein Beispiel für eine for-Schleife, die die Zahlen von 1 bis 5 in der Konsole des Browsers ausgibt.

for (let i = 1; i <= 5; i++) {
    console.log(i);
}

Beispiel für die Verwendung for für ein Array. Wir durchlaufen ein Array von Daten (ein Array mit Katzennamen).

const cats = ['Hummus', 'Kugel', 'Korzhik', 'Chili', 'Tom'];

for (let i = 0; i < cats.length; i++) {
    console.log('Katze: ' + cats[i]);
}

In diesem Beispiel wird ein Array cats erstellt, das verschiedene Katzen enthält. Dann wird die for-Schleife verwendet, um durch die Elemente des Arrays zu iterieren und jede Katze in der Konsole des Browsers auszugeben. Die Variable i wird verwendet, um den aktuellen Index des Array-Elements zu verfolgen, und sie wird mit jeder Iteration erhöht (i++). In der Konsole werden wir Folgendes sehen:

Katze: Hummus
Katze: Kugel
Katze: Korzhik
Katze: Chili
Katze: Tom

Die while-Schleife

Die while-Schleife führt einen Codeblock aus, solange eine bestimmte Bedingung wahr ist. Sie hat die folgende Syntax:

while (Bedingung) {
    // block von code, der wiederholt wird
}

In diesem Fall ist die Bedingung etwas verständlicher. Zum Beispiel wird eine solche Schleife die Zahlen von 1 bis 5 ausgeben:

let i = 1;
while (i <= 5) {
    console.log(i);
    i++;
}

In der while-Schleife ist die Bedingung ein Ausdruck, der vor jeder Iteration überprüft wird. Wenn die Bedingung wahr ist (den Wert true hat), wird der Codeblock ausgeführt. Wenn die Bedingung falsch ist (den Wert false hat), wird die Ausführung der Schleife beendet. Im Beispiel wird der Codeblock console.log(i) ausgeführt, solange i kleiner als 5 ist. Die Variable i wird nach jeder Iteration um 1 erhöht. Wenn i gleich oder größer als 5 wird, wird die Bedingung falsch und die Schleife endet. Die Bedingung in der while-Schleife spielt eine wichtige Rolle bei der Steuerung der Wiederholung des Codeblocks in der Schleife. Es ist wichtig, sicherzustellen, dass sich die Bedingung während der Ausführung der Schleife ändert, um eine Endlosschleife zu vermeiden. Eine Endlosschleife in JavaScript ist eine Schleife, die niemals endet und unendlich weiterläuft. Eine solche Schleife kann auftreten, wenn die Bedingung der Schleife immer den Wert true hat oder wenn die Bedingung nicht so aktualisiert wird, dass die Schleife beendet werden kann.

while (true) {
  // block von code, der immer wiederholt wird
}

In diesem Beispiel hat die Bedingung true immer den Wert true, daher wird die Schleife niemals enden und unendlich wiederholt werden. Diese Art von Schleife kann zu einer unangemessenen Ressourcennutzung und Abstürzen des Programms führen (der Webbrowser wird hängen bleiben, wenn es sich um eine Webseite handelt).

Um Endlosschleifen zu vermeiden, ist es wichtig sicherzustellen, dass sich die Bedingung der Schleife so ändert, dass sie erfüllt werden kann und die Schleife bei Bedarf beendet werden kann. Zum Beispiel durch die Verwendung von Variablen, die Steuerung der Ausführung der Schleife oder die Verwendung des Befehls break, um unter bestimmten Bedingungen aus der Schleife auszutreten.

const cats = ['Hummus', 'Kugel', 'Korzhik', 'Chili', 'Tom'];

let i = 0;
while (i < cats.length) {
    console.log('Katze: ' + cats[i]);
    i++;
}

In diesem Beispiel wird ebenfalls ein Array cats erstellt, das verschiedene Katzen enthält. Die Variable i wird zu Beginn außerhalb der Schleife mit dem Wert 0 initialisiert. Dann wird die while-Schleife ausgeführt, solange i kleiner als die Länge des Arrays cats ist. In jeder Iteration der Schleife wird der Name der Katze in der Konsole ausgegeben, danach wird der Wert von i um 1 erhöht (i++). In der Konsole werden wir Folgendes sehen:

Katze: Hummus
Katze: Kugel
Katze: Korzhik
Katze: Chili
Katze: Tom