Schleifen können einen Code-Block mehrere Male ausführen.
JavaScript Loops
Loops sind handlich, wenn Sie den gleichen Code immer und immer wieder ausgeführt werden soll, jedes Mal mit einem anderen Wert.
Oft ist dies der Fall, wenn mit Arrays arbeiten:
Statt 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 (i = 0; i < cars.length; i++) {
text += cars[i] +
"<br>";
} Versuch es selber " Verschiedene Arten von Loops
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 eine bestimmte Bedingung wahr ist
- do/while - auch durch einen Block von Code - Loops , während eine bestimmte Bedingung erfüllt ist
Das For - Schleife
Die for Schleife ist oft das Werkzeug , das Sie verwenden , wenn Sie eine Schleife erstellen möchten.
Die for Schleife hat die folgende Syntax:
for (statement
1; statement 2; statement 3) {
code block to be executed
}
Anweisung 1 wird ausgeführt , bevor die Schleife (der Code - Block) beginnt.
Statement 2 definiert die Bedingung der Schleife für den Lauf (der Code - Block).
Statement 3 wird jedes Mal , nachdem die Schleife (der Codeblock) ausgeführt wurde ausgeführt.
Aus dem obigen Beispiel kann man lesen:
Anweisung 1 setzt eine Variable vor Beginn der Schleife (var i = 0) .
Statement 2 die Bedingung für die Schleife definiert laufen (i muss weniger als 5).
Statement 3 erhöht Wert (i++) jedes Mal , wenn der Code - Block in der Schleife ausgeführt wurde.
Aussage 1
Normalerweise werden Sie Anweisung 1 verwenden , um die Variable in der Schleife verwendet zu initiieren (i = 0) .
Dies ist nicht immer der Fall ist, ist JavaScript nicht. Aussage 1 ist optional.
Sie können viele Werte in Anweisung 1 (durch Komma getrennt) initiieren:
Beispiel
for (i = 0, len = cars.length, text = ""; i < len; i++) {
text += cars[i] + "<br>";
} Versuch es selber " Und Sie können Anweisung 1 weglassen (wie wenn Sie Ihre Werte gesetzt werden, bevor die Schleife beginnt):
Beispiel
var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) {
text += cars[i] + "<br>";
} Versuch es selber " Statement 2
Oft Anweisung 2 verwendet wird, den Zustand der Ausgangsgröße zu bewerten.
Dies ist nicht immer der Fall ist, ist JavaScript nicht. Statement 2 ist ebenfalls optional.
Wenn Anweisung 2 gibt true zurück, wird die Schleife wieder von vorne anfangen, wenn es false zurückgibt, wird die Schleife beendet.
Wenn Sie Anweisung 2 weglassen, müssen Sie einen bieten break innerhalb der Schleife. Andernfalls wird die Schleife nie enden. Dies wird zum Absturz Ihres Browsers. Lesen Sie mehr über den Pausen in einem späteren Kapitel dieses Tutorials.
Statement 3
Oft Anweisung 3 erhöht sich die Ausgangsgröße.
Dies ist nicht immer der Fall ist, ist JavaScript nicht egal, und Aussage 3 ist optional.
Statement 3 kann so etwas negatives Inkrement tun (i--) , positive Schritt (i = i + 15) , oder irgendetwas anderes.
Statement 3 kann auch weggelassen werden (wie wenn Sie Ihre Werte innerhalb der Schleife erhöhen):
Beispiel
var i = 0;
var len = cars.length;
for (; i < len; ) {
text += cars[i] + "<br>";
i++;
} Versuch es selber " Die For/In - Schleife
Das JavaScript for/in Anweisung Schleifen durch die Eigenschaften eines Objekts:
Beispiel
var person = {fname:"John", lname:"Doe", age:25};
var text = "";
var x;
for (x in person) {
text += person[x];
} Versuch es selber " Der While Schleife
Die while Schleife und die do/while - Schleife wird im nächsten Kapitel erläutert.
Testen Sie sich mit Übungen!
Übung 1 » Übung 2» Übung 3 » Übung 4» Übung 5 » Übung 6»