Javascript – for-Schleife

Die for-Schleife wird verwendet, wenn eine bestimmte Anzahl an Durchläufen benötigt wird. Der Schleifenkopf fasst die Vorbereitung der ganzen Schleife, die Schleifenbedingung und die nötigen Berechnungen zur Fortsetzung der Schleife zusammen.

Eine for-Schleife in JavaScript wird verwendet, um einen Block von Code wiederholt auszuführen, bis eine bestimmte Bedingung erfüllt ist. Sie besteht aus drei Hauptteilen: der Initialisierung, der Bedingung und dem Update.

Der allgemeine Aufbau einer for-Schleife sieht wie folgt aus:





for (Initialisierung; Bedingung; Update) {
    // Code, der wiederholt ausgeführt werden soll
}

Hier ist eine Erläuterung der einzelnen Teile:

  1. Initialisierung: In diesem Teil wird eine Variable initialisiert, die als Zähler oder Index verwendet wird. Hier kannst du auch weitere Variablen deklarieren, die innerhalb der Schleife verwendet werden sollen. Die Initialisierung wird nur einmal ausgeführt, bevor die Schleife beginnt.
  2. Bedingung: Die Bedingung ist ein boolescher Ausdruck, der bei jeder Iteration der Schleife überprüft wird. Solange die Bedingung wahr (true) ist, wird der Codeblock innerhalb der Schleife ausgeführt. Wenn die Bedingung falsch (false) ist, wird die Schleife beendet und die Kontrolle geht zum nächsten Abschnitt des Codes.
  3. Update: Im Update-Teil wird der Wert der Zählervariable oder anderer Variablen aktualisiert, die in der Schleife verwendet werden. Dies geschieht nach jedem Durchlauf des Codeblocks. Du kannst den Wert erhöhen oder verringern oder andere Arten von Updates durchführen, je nach Anforderungen.

Innerhalb des Codeblocks der for-Schleife kannst du die gewünschten Anweisungen schreiben, die wiederholt ausgeführt werden sollen. Dieser Code wird ausgeführt, solange die Bedingung wahr ist.

Hier ist ein Beispiel, das die Funktionsweise einer for-Schleife verdeutlicht:





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

In diesem Beispiel wird der Codeblock innerhalb der Schleife fünfmal ausgeführt. Der Zähler „i“ wird zuerst mit dem Wert 0 initialisiert. Dann wird bei jeder Iteration überprüft, ob „i“ kleiner als 5 ist. Solange diese Bedingung erfüllt ist, wird der Codeblock ausgeführt und der Wert von „i“ wird um 1 erhöht (Update). Die Ausgabe des obigen Beispiels wäre:





0
1
2
3
4

Nachdem „i“ den Wert 4 erreicht hat, ist die Bedingung „i < 5“ nicht mehr erfüllt, und die Schleife wird beendet.

Ein weiteres, ausführlicheres Beispiel:

<html>
    <body>
        <script language="javascript">
            let arbeitsstunde = 0;
            let gehaltProStunde = 12;
            let gehalt = gehaltProStunde * arbeitsstunde;
            
            for (let i = 0; i < 20; i++) {
                arbeitsstunde = arbeitsstunde + 1;
                gehalt = gehaltProStunde * arbeitsstunde;
                document.write("Arbeitsstunde ", arbeitsstunde, "= ", gehalt, " Euro<br>");
            }
        </script>
    </body>
</html>

dazugehörige Ausgabe:

Arbeitsstunde 1= 12 Euro
Arbeitsstunde 2= 24 Euro
Arbeitsstunde 3= 36 Euro
Arbeitsstunde 4= 48 Euro
Arbeitsstunde 5= 60 Euro
Arbeitsstunde 6= 72 Euro
Arbeitsstunde 7= 84 Euro
Arbeitsstunde 8= 96 Euro
Arbeitsstunde 9= 108 Euro
Arbeitsstunde 10= 120 Euro
Arbeitsstunde 11= 132 Euro
Arbeitsstunde 12= 144 Euro
Arbeitsstunde 13= 156 Euro
Arbeitsstunde 14= 168 Euro
Arbeitsstunde 15= 180 Euro
Arbeitsstunde 16= 192 Euro
Arbeitsstunde 17= 204 Euro
Arbeitsstunde 18= 216 Euro
Arbeitsstunde 19= 228 Euro
Arbeitsstunde 20= 240 Euro