Neueste Web-Entwicklung Tutorials
 

JavaScript für Statement

<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

Beispiele

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