For Loops in JavaScript

een lus kan een codeblok meerdere keren uitvoeren.

JavaScript lus

als je de code meerdere keren wilt uitvoeren met verschillende waarden, is een lus (loop) zeer handig.

meestal komen we voorbeelden van arrays tegen:

niet op deze manier schrijven:

text += cars[0] + "<br>"; 
text += cars[1] + "<br>"; 
text += cars[2] + "<br>"; 
text += cars[3] + "<br>"; 
text += cars[4] + "<br>"; 
text += cars[5] + "<br>";

Je kunt het zo schrijven:

for (i = 0; i < cars.length; i++) { 
    text += cars[i] + "<br>";
 }

Probeer het zelf

Verschillende soorten lussen

JavaScript ondersteunt verschillende soorten lussen:

  • for - Herhaal een codeblok meerdere keren
  • for/in - Doorloop objecteigenschappen
  • while - Herhaal een codeblok zolang de opgegeven voorwaarde true is
  • do/while - Herhaal een codeblok zolang de opgegeven voorwaarde true is

For-lus

De for-lus is een veelgebruikte tool wanneer je een lus wilt maken.

De syntaxis van de for-lus is als volgt:

for (Uitdrukking 1; Uitdrukking 2; Uitdrukking 3) {
     De codeblok die moet worden uitgevoerd
}

Uitdrukking 1 wordt uitgevoerd voordat de lus (codeblok) begint.

Uitdrukking 2 definieert de voorwaarde voor het uitvoeren van de lus (codeblok).

Uitdrukking 3 zal worden uitgevoerd na elke uitvoering van de lus (codeblok).

Voorbeeld

for (i = 0; i < 5; i++) {
     text += "Getal is " + i + "<br>";
}

Probeer het zelf

Uit de bovenstaande code kun je het volgende leren:

Uitdrukking 1 stelt een variabele in voor de start van de lus (var i = 0).

Uitdrukking 2 definieert de voorwaarde voor het uitvoeren van de lus (i moet kleiner zijn dan 5).

Uitdrukking 3 zal de waarde incrementeren na elke uitvoering van de codeblok (i++).

Uitdrukking 1

Meestal wordt uitdrukking 1 gebruikt om de variabelen te initialiseren die in de lus worden gebruikt (i = 0).

Maar dit is niet altijd het geval, JavaScript geeft er geen om. Uitdrukking 1 is optioneel.

Je kunt meerdere waarden initialiseren in uitdrukking 1 (gescheiden door komma's):

Voorbeeld

for (i = 0, len = cars.length, text = ""; i < len; i++) { 
    text += cars[i] + "<br>";
}

Probeer het zelf

En je kunt ook uitdrukking 1 weggelaten (bijvoorbeeld instellen van de waarde voordat de lus begint):

Voorbeeld

var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) { 
    text += cars[i] + "<br>";
}

Probeer het zelf

Uitdrukking 2

Meestal wordt uitdrukking 2 gebruikt om de voorwaarde van de initiële variabele te berekenen.

Maar dit is niet altijd het geval, JavaScript geeft er geen om. Uitdrukking 2 is ook optioneel.

Als uitdrukking 2 true retourneert, zal de lus opnieuw beginnen, als het false retourneert, zal de lus eindigen.

Als uitdrukking 2 wordt weggelaten, moet er binnenin de lus een break. Anders zal de lus nooit eindigen. Lees meer over break in het volgende hoofdstuk.

Uitdrukking 3

Meestal wordt uitdrukking 3 gebruikt om de waarde van de initiële variabele te incrementeren.

Maar dit is niet altijd het geval, JavaScript geeft er geen om. Uitdrukking 3 is ook optioneel.

Uitdrukking 3 kan alles doen, zoals een negatieve incrementatie (i--), een positieve incrementatie (i = i + 15), of iets anders.

Statement 3 kan ook worden overgeslagen (bijvoorbeeld wanneer u de waarde in de lus verhoogt):

Voorbeeld

var i = 0;
var len = cars.length;
for (; i < len; ) { 
    text += cars[i] + "<br>";
      i++;
}

Probeer het zelf

For/In Lus

JavaScript for/in Statements lopen door de eigenschappen van het object:

Voorbeeld

var person = {fname:"Bill", lname:"Gates", age:62}; 
var text = "";
var x;
for (x in person) {
    text += person[x];
}

Probeer het zelf

While Lus

We zullen in het volgende hoofdstuk leren over de while-lus en de do/while-lus.

Boeken buiten de les

Meer over JavaScript for StatementMeer te weten komen over de kennis, raadpleeg de relevante inhoud in de geavanceerde tutorials van JavaScript:

ECMAScript Iteratieve Statements
Iteratieve statements worden ook wel loop statements genoemd. In deze sectie worden de vier iteratieve statements die ECMAScript biedt, aan u voorgesteld.