JavaScript für Schleife (mit Beispielen)

In diesem Tutorial lernen Sie anhand von Beispielen die Schleifen und for-Schleifen in JavaScript kennen.

Bei der Programmierung werden Schleifen verwendet, um einen Codeblock zu wiederholen.

Wenn Sie beispielsweise eine Nachricht 100 Mal anzeigen möchten, können Sie eine Schleife verwenden. Es ist nur ein einfaches Beispiel; Mit Loops können Sie viel mehr erreichen.

Dieses Tutorial konzentriert sich auf die JavaScript- forSchleife. In den kommenden Tutorials erfahren Sie mehr über die anderen Arten von Loops.

JavaScript für Schleife

Die Syntax der forSchleife lautet:

  for(initialExpression; condition; updateExpression) ( // for loop body )

Hier,

1. Der initialExpression initialisiert und / oder deklariert Variablen und wird nur einmal ausgeführt.
2. Der Zustand wird ausgewertet.
   • Wenn die Bedingung erfüllt ist false, wird die forSchleife beendet.
   • Wenn die Bedingung erfüllt ist true, wird der Codeblock innerhalb der forSchleife ausgeführt.
3. Die updateExpression aktualisiert den Wert von initialExpression, wenn die Bedingung erfüllt ist true.
4. Die Bedingung wird erneut ausgewertet. Dieser Vorgang wird fortgesetzt, bis die Bedingung erfüllt ist false.

Weitere Informationen zu den Bedingungen finden Sie unter JavaScript-Vergleich und logische Operatoren.

Flussdiagramm von JavaScript für Schleife

Beispiel 1: Zeigen Sie einen Text fünfmal an

 // program to display text 10 times const n = 5; // looping from i = 1 to 5 for (let i = 1; i <= n; i++) ( console.log(`I love JavaScript.`); )

Ausgabe

Ich liebe JavaScript. Ich liebe JavaScript. Ich liebe JavaScript. Ich liebe JavaScript. Ich liebe JavaScript.

So funktioniert dieses Programm.

Wiederholung	Variable	Bedingung: i <= n	Aktion
1	i = 1 n = 5	true	Ich liebe JavaScript. wird gedruckt. i wird auf 2 erhöht .
2 ..	i = 2 n = 5	true	Ich liebe JavaScript. wird gedruckt. Ich werde auf 3 erhöht .
3 ..	i = 3 n = 5	true	Ich liebe JavaScript. wird gedruckt. Ich werde auf 4 erhöht .
4 ..	i = 4 n = 5	true	Ich liebe JavaScript. wird gedruckt. Ich werde auf 5 erhöht .
5 ..	i = 5 n = 5	true	Ich liebe JavaScript. wird gedruckt. Ich werde auf 6 erhöht .
6 ..	i = 6 n = 5	false	Die Schleife wird beendet.

Beispiel 2: Anzeigen von Zahlen von 1 bis 5

 // program to display numbers from 1 to 5 const n = 5; // looping from i = 1 to 5 // in each iteration, i is increased by 1 for (let i = 1; i <= n; i++) ( console.log(i); // printing the value of i )

Ausgabe

 1 2 3 4 5

So funktioniert dieses Programm.

Wiederholung	Variable	Bedingung: i <= n	Aktion
1	i = 1 n = 5	true	1 wird gedruckt. i wird auf 2 erhöht .
2 ..	i = 2 n = 5	true	2 wird gedruckt. Ich werde auf 3 erhöht .
3 ..	i = 3 n = 5	true	3 wird gedruckt. Ich werde auf 4 erhöht .
4 ..	i = 4 n = 5	true	4 wird gedruckt. Ich werde auf 5 erhöht .
5 ..	i = 5 n = 5	true	5 wird gedruckt. Ich werde auf 6 erhöht .
6 ..	i = 6 n = 5	false	Die Schleife wird beendet.

Beispiel 3: Summe von n natürlichen Zahlen anzeigen

 // program to display the sum of natural numbers let sum = 0; const n = 100 // looping from i = 1 to n // in each iteration, i is increased by 1 for (let i = 1; i <= n; i++) ( sum += i; // sum = sum + i ) console.log('sum:', sum);

Ausgabe

 Summe: 5050

Hier ist der Wert der Summe anfänglich 0 . Dann wird eine forSchleife iteriert i = 1 to 100. In jeder Iteration wird i zur Summe addiert und ihr Wert um 1 erhöht .

Wenn i 101 wird , ist die Testbedingung falseund die Summe ist gleich 0 + 1 + 2 +… + 100.

Das obige Programm zum Hinzufügen der Summe natürlicher Zahlen kann auch als geschrieben werden

 // program to display the sum of n natural numbers let sum = 0; const n = 100; // looping from i = n to 1 // in each iteration, i is decreased by 1 for(let i = n; i>= 1; i-- ) ( // adding i to sum in each iteration sum += i; // sum = sum + i ) console.log('sum:',sum);

Dieses Programm liefert auch die gleiche Ausgabe wie Beispiel 3 . Sie können dieselbe Aufgabe beim Programmieren auf viele verschiedene Arten ausführen. Bei der Programmierung dreht sich alles um Logik.

Obwohl beide Möglichkeiten korrekt sind, sollten Sie versuchen, Ihren Code besser lesbar zu machen.

JavaScript Infinite for-Schleife

Wenn die Testbedingung in einer forSchleife immer ist true, wird sie für immer ausgeführt (bis der Speicher voll ist). Beispielsweise,

 // infinite for loop for(let i = 1; i> 0; i++) ( // block of code )

Im obigen Programm ist immer truedie Bedingung, die dann den Code für unendliche Zeiten ausführt.

Im nächsten Tutorial erfahren Sie mehr über whileund do… whileSchleife.