Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Leer Het Beheersen van de For-Lus in JavaScript | Door Data Lopen in JavaScript
Introductie tot JavaScript

bookHet Beheersen van de For-Lus in JavaScript

De for-lus is een fundamentele herhalingsstructuur in JavaScript, hoewel het in het begin lastig kan zijn om te begrijpen. Het maakt gebruik van het for-trefwoord en vereist drie parameters tussen haakjes:

for (Initialization; Condition; Increment / Decrement) {
  // code block
}

Hier volgt een overzicht van deze parameters:

  • Initialisatie: Hier initialiseer je een nieuwe teller die door de for-lus wordt gebruikt. Dit wordt slechts één keer uitgevoerd;
  • Voorwaarde: Een expressie die vóór elke iteratie wordt gecontroleerd, vergelijkbaar met de while-lus;
  • Increment/Decrement: Bewerkingen die aan het einde van elke iteratie op de teller worden uitgevoerd.

Opmerking

Iteratie in lussen verwijst naar het herhalen van een codeblok een bepaald aantal keren of totdat aan een specifieke voorwaarde is voldaan. Elke keer dat het codeblok wordt uitgevoerd, wordt dit beschouwd als één iteratie.

Laten we dit illustreren met een voorbeeld:

123
for (let i = 1; i < 5; i++) { console.log("Loop iteration:", i); };
copy

In dit voorbeeld:

  • let i = 1: Initialisatie, waarbij de variabele i binnen de for-lus wordt aangemaakt. Deze bewerking wordt één keer uitgevoerd;
  • i < 5: Voorwaarde, gecontroleerd vóór elke iteratie;
  • i++: Incrementexpressie, uitgevoerd na elke iteratie;
  • console.log("Loop iteration:", i);: Lichaam van de for-lus.

Elke stap in de lus kan als volgt worden beschreven:

// Step 1: Counter initialization
let i = 1;
// Step 2: Main loop body
if (i < 5) { // Condition check
  console.log("Loop iteration:", i); // Loop body
}
i++; // Increment operation

Stap 2 wordt herhaald totdat de voorwaarde false wordt.

Het kan nuttig zijn om een diagram te bekijken voor een duidelijker begrip van hoe de lus werkt.

Je kunt ook een decrement gebruiken in de for-lus, zoals hier getoond:

123
for (let i = 15; i > 10; i--) { console.log("i =", i); }
copy

De teller van de for-lus is uniek binnen zijn scope, dus je hoeft je geen zorgen te maken over conflicten met andere variabelen:

12345678
let i = 2077; console.log("(global) i =", i); for (let i = 0; i < 4; i++) { console.log("(for) i =", i); } console.log("(global) i =", i);
copy

Verschillende uitdrukkingen voor Increment/Decrement-operaties kunnen ook worden gebruikt:

123
for (let i = 0; i < 40; i += 7) { console.log("i =", i); };
copy

Vergelijking van de for- en while-lussen

Bij het vergelijken van for- en while-lussen is de for-lus vaak eenvoudiger en beknopter. Hier volgt een voorbeeld van equivalente lussen:

1234567891011
// `while` let a = 1; while (a <= 3) { console.log("While:", a); a++; } // `for` for (let i = 1; i <= 3; i++) { console.log("For:", i); }
copy

In deze vergelijking is de for-lus duidelijker en neemt minder code in beslag. Bovendien wordt de teller-variabele (in dit geval for) na uitvoering automatisch opgeruimd door de i-lus.

question mark

Je wilt elk jaar van de Zomerspelen van 2000 tot en met 2016 afdrukken. Wat moet er in de lusvoorwaarde staan?

Select the correct answer

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 5. Hoofdstuk 3

Vraag AI

expand

Vraag AI

ChatGPT

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

Suggested prompts:

Can you explain more about the differences between for and while loops?

Can you show more examples of using different increment or decrement expressions in a for loop?

Can you clarify what happens to the counter variable after a for loop ends?

Awesome!

Completion rate improved to 2.5

bookHet Beheersen van de For-Lus in JavaScript

Veeg om het menu te tonen

De for-lus is een fundamentele herhalingsstructuur in JavaScript, hoewel het in het begin lastig kan zijn om te begrijpen. Het maakt gebruik van het for-trefwoord en vereist drie parameters tussen haakjes:

for (Initialization; Condition; Increment / Decrement) {
  // code block
}

Hier volgt een overzicht van deze parameters:

  • Initialisatie: Hier initialiseer je een nieuwe teller die door de for-lus wordt gebruikt. Dit wordt slechts één keer uitgevoerd;
  • Voorwaarde: Een expressie die vóór elke iteratie wordt gecontroleerd, vergelijkbaar met de while-lus;
  • Increment/Decrement: Bewerkingen die aan het einde van elke iteratie op de teller worden uitgevoerd.

Opmerking

Iteratie in lussen verwijst naar het herhalen van een codeblok een bepaald aantal keren of totdat aan een specifieke voorwaarde is voldaan. Elke keer dat het codeblok wordt uitgevoerd, wordt dit beschouwd als één iteratie.

Laten we dit illustreren met een voorbeeld:

123
for (let i = 1; i < 5; i++) { console.log("Loop iteration:", i); };
copy

In dit voorbeeld:

  • let i = 1: Initialisatie, waarbij de variabele i binnen de for-lus wordt aangemaakt. Deze bewerking wordt één keer uitgevoerd;
  • i < 5: Voorwaarde, gecontroleerd vóór elke iteratie;
  • i++: Incrementexpressie, uitgevoerd na elke iteratie;
  • console.log("Loop iteration:", i);: Lichaam van de for-lus.

Elke stap in de lus kan als volgt worden beschreven:

// Step 1: Counter initialization
let i = 1;
// Step 2: Main loop body
if (i < 5) { // Condition check
  console.log("Loop iteration:", i); // Loop body
}
i++; // Increment operation

Stap 2 wordt herhaald totdat de voorwaarde false wordt.

Het kan nuttig zijn om een diagram te bekijken voor een duidelijker begrip van hoe de lus werkt.

Je kunt ook een decrement gebruiken in de for-lus, zoals hier getoond:

123
for (let i = 15; i > 10; i--) { console.log("i =", i); }
copy

De teller van de for-lus is uniek binnen zijn scope, dus je hoeft je geen zorgen te maken over conflicten met andere variabelen:

12345678
let i = 2077; console.log("(global) i =", i); for (let i = 0; i < 4; i++) { console.log("(for) i =", i); } console.log("(global) i =", i);
copy

Verschillende uitdrukkingen voor Increment/Decrement-operaties kunnen ook worden gebruikt:

123
for (let i = 0; i < 40; i += 7) { console.log("i =", i); };
copy

Vergelijking van de for- en while-lussen

Bij het vergelijken van for- en while-lussen is de for-lus vaak eenvoudiger en beknopter. Hier volgt een voorbeeld van equivalente lussen:

1234567891011
// `while` let a = 1; while (a <= 3) { console.log("While:", a); a++; } // `for` for (let i = 1; i <= 3; i++) { console.log("For:", i); }
copy

In deze vergelijking is de for-lus duidelijker en neemt minder code in beslag. Bovendien wordt de teller-variabele (in dit geval for) na uitvoering automatisch opgeruimd door de i-lus.

question mark

Je wilt elk jaar van de Zomerspelen van 2000 tot en met 2016 afdrukken. Wat moet er in de lusvoorwaarde staan?

Select the correct answer

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 5. Hoofdstuk 3
some-alt