JavaScript- For-Schleife
Schleifen können einen Codeblock mehrmals ausführen.
JavaScript-Schleifen
Schleifen sind praktisch, wenn Sie denselben Code immer wieder ausführen möchten, jedes Mal mit einem anderen Wert.
Bei der Arbeit mit Arrays ist dies oft der Fall:
Anstatt zu schreiben:
text += cars[0] + "<br>";
text += cars[1] + "<br>";
text += cars[2] + "<br>";
text += cars[3] + "<br>";
text += cars[4] + "<br>";
text += cars[5] + "<br>";
Du kannst schreiben:
for (let i = 0; i < cars.length; i++) {
text += cars[i] + "<br>";
}
Verschiedene Arten von Schleifen
JavaScript unterstützt verschiedene Arten von Schleifen:
for
- Durchläuft einen Codeblock mehrmalsfor/in
- durchläuft die Eigenschaften eines Objektsfor/of
- durchläuft die Werte eines iterierbaren Objektswhile
- Durchläuft einen Codeblock, während eine angegebene Bedingung wahr istdo/while
- Durchläuft auch einen Codeblock, während eine angegebene Bedingung wahr ist
Die For-Schleife
Die for
Schleife hat folgende Syntax:
for (statement 1; statement 2; statement 3) {
// code block to be executed
}
Anweisung 1 wird (einmal) vor der Ausführung des Codeblocks ausgeführt.
Anweisung 2 definiert die Bedingung für die Ausführung des Codeblocks.
Anweisung 3 wird (jedes Mal) ausgeführt, nachdem der Codeblock ausgeführt wurde.
Beispiel
for (let i = 0; i < 5; i++) {
text += "The number is " + i + "<br>";
}
Aus dem obigen Beispiel können Sie lesen:
Anweisung 1 setzt eine Variable, bevor die Schleife beginnt (es sei i = 0).
Anweisung 2 definiert die Bedingung für die Ausführung der Schleife (i muss kleiner als 5 sein).
Anweisung 3 erhöht einen Wert (i++) jedes Mal, wenn der Codeblock in der Schleife ausgeführt wurde.
Aussage 1
Normalerweise verwenden Sie Anweisung 1, um die in der Schleife verwendete Variable zu initialisieren (lassen Sie i = 0).
Dies ist nicht immer der Fall, JavaScript kümmert sich nicht darum. Aussage 1 ist optional.
Sie können viele Werte in Anweisung 1 einleiten (durch Komma getrennt):
Beispiel
for (let i = 0, len = cars.length, text = ""; i < len; i++) {
text += cars[i] + "<br>";
}
Und Sie können Anweisung 1 weglassen (wie wenn Ihre Werte festgelegt werden, bevor die Schleife beginnt):
Beispiel
let i = 2;
let len = cars.length;
let text = "";
for (; i < len; i++) {
text += cars[i] + "<br>";
}
Aussage 2
Oft wird Anweisung 2 verwendet, um den Zustand der Anfangsvariablen auszuwerten.
Dies ist nicht immer der Fall, JavaScript kümmert sich nicht darum. Aussage 2 ist ebenfalls optional.
Wenn Anweisung 2 wahr zurückgibt, beginnt die Schleife erneut, wenn sie falsch zurückgibt, endet die Schleife.
Wenn Sie Anweisung 2 weglassen, müssen Sie innerhalb der Schleife einen Break angeben. Sonst endet die Schleife nie. Dies wird Ihren Browser zum Absturz bringen. Lesen Sie mehr über Pausen in einem späteren Kapitel dieses Tutorials.
Erklärung 3
Oft erhöht Anweisung 3 den Wert der Anfangsvariablen.
Dies ist nicht immer der Fall, JavaScript kümmert sich nicht darum, und Anweisung 3 ist optional.
Anweisung 3 kann so etwas wie negatives Inkrement (i--), positives Inkrement (i = i + 15) oder irgendetwas anderes tun.
Anweisung 3 kann auch weggelassen werden (wie wenn Sie Ihre Werte innerhalb der Schleife erhöhen):
Beispiel
let i = 0;
let len = cars.length;
let text = "";
for (; i < len; ) {
text += cars[i] + "<br>";
i++;
}
Schleifenumfang
Verwendung var
in einer Schleife:
Beispiel
var i = 5;
for (var i = 0; i < 10; i++) {
// some code
}
// Here i is 10
Verwendung let
in einer Schleife:
Beispiel
let i = 5;
for (let i = 0; i < 10; i++) {
// some code
}
// Here i is 5
Im ersten Beispiel var
deklariert die in der Schleife deklarierte Variable mithilfe von die Variable außerhalb der Schleife neu.
Im zweiten Beispiel, bei let
dem die in der Schleife deklarierte Variable verwendet wird, wird die Variable außerhalb der Schleife nicht erneut deklariert.
Wenn let
verwendet wird, um die i-Variable in einer Schleife zu deklarieren, ist die i-Variable nur innerhalb der Schleife sichtbar.
For/Of- und For/In-Schleifen
Die for/in
Schleife und die for/of
Schleife werden im nächsten Kapitel erklärt.
While-Schleifen
Die while
Schleife und die do/while
werden in den nächsten Kapiteln erklärt.