<JavaScript - Anweisungen Referenz
Beispiel
Schleife durch einen Code-Block fünfmal:
var text = "";
var i;
for (i = 0; i < 5; i++) {
text += "The number is " + i + "<br>";
}
Das Ergebnis des Textes lautet:
The number is 0
The number is 1
The number is 2
The number is 3
The number is 4
Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die für Anweisung erstellt eine Schleife, die so lange ausgeführt wird, wie eine Bedingung erfüllt ist.
Die Schleife wird fortgesetzt, solange die Bedingung wahr ist laufen. Es wird nur stoppen, wenn die Bedingung falsch.
JavaScript unterstützt verschiedene Arten von Schleifen:
- for - Schleifen durch einen Codeblock eine Anzahl von Malen
- for/in - Schleifen durch die Eigenschaften eines Objekts
- while - Schleifen durch einen Codeblock während einer spezifizierten Bedingung wahr ist
- do / while - durch einen Block von Codeschleifen einmal, und dann wiederholt die Schleife , während eine festgelegte Bedingung erfüllt ist
Tipp: Verwenden Sie die Pause - Anweisung aus einer Schleife zu brechen, und die weiterhin Anweisung einen Wert in der Schleife zu überspringen.
Browser-Unterstützung
Erklärung | |||||
---|---|---|---|---|---|
for | Ja | Ja | Ja | Ja | Ja |
Syntax
Parameterwerte Parameter Beschreibung statement1 Optional. Ausgeführt vor der Schleife (the code block) - (the code block) , beginnt. Normalerweise wird diese Anweisung verwendet, um eine Zählervariable zu initialisieren. Um mehrere Werte zu initiieren, trennen jeden Wert mit einem Komma.
Hinweis: Dieser Parameter kann weggelassen werden. Jedoch nicht auslassen nicht das Semikolon ";" statement2 Optional. Definiert die Bedingung für die Ausführung der Schleife (the code block) - (the code block) . Normalerweise wird diese Anweisung verwendet, um den Zustand der Zählervariablen zu bewerten. Wenn es wahr zurückgibt, wird die Schleife wieder von vorne anfangen, wenn es false zurückgibt, wird die Schleife beendet.
Hinweis: Dieser Parameter kann weggelassen werden. Jedoch nicht auslassen nicht das Semikolon ";" . Auch, wenn Sie diesen Parameter weglassen, müssen Sie eine Pause in der Schleife bereitzustellen. Andernfalls wird die Schleife nie enden, die Ihren Browser abstürzt statement3 Optional. Ausgeführt jedes Mal, nachdem die Schleife (der Code-Block) ausgeführt worden ist. Normalerweise wird diese Anweisung verwendet, um die Zählervariable zu erhöhen oder zu verringern.
Anmerkung: Dieser Parameter kann weggelassen werden (eg to increase/decrease values inside the loop)
Technische Details
JavaScript Version: 1.0
Mehr Beispiele
Beispiel
Schleife durch die Indizes eines Arrays der Autonamen aus dem Wagen Array zu sammeln:
var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i
= 0; i < cars.length; i++) {
text += cars[i] + "<br>";
} Versuch es selber " Beispiel vorstehend erläutert:
- Zuerst stellen wir eine Variable vor Beginn der Schleife (var i = 0;)
- Dann definieren wir die Bedingung für die Schleife zu laufen. Solange die Variable kleiner ist als die Länge des Arrays (which is 4) , wird die Schleife fortgesetzt
- Jedes Mal , wenn die Schleife ausgeführt wird , wird die Variable um Eins inkrementiert (i++)
- Sobald die Variable nicht mehr kleiner als 4 (array's length) , ist die Bedingung falsch ist , und die Schleife endet ,
Beispiel
Initiieren mehrere Werte in dem ersten Parameter:
var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i;
for (i = 0, len = cars.length, text = ""; i < len; i++) {
text += cars[i] + "<br>";
} Versuch es selber "
Beispiel
Wegzulassen den ersten Parameter (set values before the loop starts) , (set values before the loop starts) :
var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) {
text += cars[i] + "<br>";
} Versuch es selber "
Beispiel
Mit der continue - Anweisung - Schleife durch einen Block von Code, sondern den Wert überspringen "3" :
var text = ""
var i;
for (i = 0; i < 5; i++) {
if (i ==
3)
{
continue;
}
text += "The number is " + i + "<br>";
}
Versuch es selber "
Beispiel
Unter Verwendung der break - Anweisung - Wiederholungs durch einen Code - Block, aber die Schleife verlassen , wenn die Variable i gleich zu "3" :
var text = ""
var i;
for (i = 0; i < 5; i++) {
if (i ==
3)
{
break;
}
text += "The number is " + i + "<br>";
}
Versuch es selber "
Beispiel
Wegzulassen den zweiten Parameter. In diesem Beispiel verwenden wir auch die Pause - Anweisung die Schleife zu beenden , wenn i gleich „3“ (wenn der zweite Parameter nicht angegeben, eine Pause in der Schleife zur Verfügung stellen muss. Andernfalls wird die Schleife nie zu Ende gehen , und Ihr Browser Absturz):
var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = 0; ; i++) {
if (i == 3) {
break;
}
text += cars[i] +
"<br>";
} Versuch es selber "
Beispiel
Schleife durch die Indizes eines Arrays in absteigender Reihenfolge (negatives Inkrement):
var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = cars.length - 1; i >= 0; i--) {
text += cars[i] + "<br>";
} Versuch es selber "
Beispiel
Wegzulassen den letzten Parameter, und inkrementieren die Werte innerhalb der Schleife:
var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var len = cars.length;
for (; i < len;) {
text += cars[i] + "<br>";
i++;
} Versuch es selber "
Beispiel
Schleife durch die Knoten eines NodeList Objekt und den Hintergrund ändern Farbe aller <p> Elemente in der Liste:
var myNodelist = document.getElementsByTagName("P");
var i;
for (i =
0; i < myNodelist.length; i++) {
myNodelist[i].style.backgroundColor = "red";
} Versuch es selber "
Beispiel
Ein Beispiel einer verschachtelten Schleife (a loop inside a loop) :
var text = "";
var i, j;
for (i = 0; i < 3; i++) {
text += "<br>" + "i = " + i + ", j = ";
for (j =
10; j < 15; j++) {
document.getElementById("demo").innerHTML = text += j + " ";
}
} Versuch es selber "
Verwandte Seiten
JavaScript Tutorial: JavaScript For - Schleife
JavaScript Referenz: JavaScript für ... in Erklärung
JavaScript Referenz: JavaScript break - Anweisung
JavaScript Referenz: JavaScript Statement weiter
JavaScript Referenz: JavaScript während Statement
<JavaScript - Anweisungen Referenz