Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Leer Het Gebruik van de For...of-Lus voor Array-Iteratie | Beheersing van JavaScript-Arrays
Javascript Datastructuren

bookHet Gebruik van de For...of-Lus voor Array-Iteratie

Syntax

De for...of-lus is een modernere en beknoptere manier om over arrays te itereren. Deze lus regelt automatisch de teller en biedt directe toegang tot de waarde van elk element. De syntax voor een for...of-lus is als volgt:

for (const element of array) {
  // Code to be executed for each array element
}

In deze syntax:

  • const element is een variabele die de waarde van elk element tijdens elke iteratie opslaat;
  • of array specificeert de array waarover we willen itereren.

Voorbeeld

Hier is een voorbeeld van het gebruik van de for...of-lus om hetzelfde resultaat te bereiken als de vorige for-lus:

12345
const students = ["Brandon", "Mario", "Saul"]; for (const student of students) { console.log(student); }
copy
  • Regel 1: declareert een constante variabele genaamd students en wijst hieraan een array toe met drie strings - "Brandon", "Mario" en "Saul". Deze array stelt een lijst van studentennamen voor;
  • Regel 3: start een for...of-lus. De lus wordt gebruikt om elk element in de students-array één voor één te doorlopen;
  • Regel 4: binnen de for...of-lus wordt de functie console.log() gebruikt om de waarde van het huidige element naar de console te loggen. De variabele student vertegenwoordigt het huidige element in de array tijdens elke iteratie van de lus. Dus, in de eerste iteratie is dit "Brandon", in de tweede iteratie "Mario" en in de derde iteratie "Saul".

1. Wat is het belangrijkste voordeel van het gebruik van een for...of-lus bij het itereren over arrays?

2. Wat stelt de for...of voor in de const element-lus-syntaxis?

3. Wat is het doel van het gedeelte of array in de for...of-lus syntaxis?

question mark

Wat is het belangrijkste voordeel van het gebruik van een for...of-lus bij het itereren over arrays?

Select the correct answer

question mark

Wat stelt de for...of voor in de const element-lus-syntaxis?

Select the correct answer

question mark

Wat is het doel van het gedeelte of array in de for...of-lus syntaxis?

Select the correct answer

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 4. Hoofdstuk 7

Vraag AI

expand

Vraag AI

ChatGPT

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

bookHet Gebruik van de For...of-Lus voor Array-Iteratie

Veeg om het menu te tonen

Syntax

De for...of-lus is een modernere en beknoptere manier om over arrays te itereren. Deze lus regelt automatisch de teller en biedt directe toegang tot de waarde van elk element. De syntax voor een for...of-lus is als volgt:

for (const element of array) {
  // Code to be executed for each array element
}

In deze syntax:

  • const element is een variabele die de waarde van elk element tijdens elke iteratie opslaat;
  • of array specificeert de array waarover we willen itereren.

Voorbeeld

Hier is een voorbeeld van het gebruik van de for...of-lus om hetzelfde resultaat te bereiken als de vorige for-lus:

12345
const students = ["Brandon", "Mario", "Saul"]; for (const student of students) { console.log(student); }
copy
  • Regel 1: declareert een constante variabele genaamd students en wijst hieraan een array toe met drie strings - "Brandon", "Mario" en "Saul". Deze array stelt een lijst van studentennamen voor;
  • Regel 3: start een for...of-lus. De lus wordt gebruikt om elk element in de students-array één voor één te doorlopen;
  • Regel 4: binnen de for...of-lus wordt de functie console.log() gebruikt om de waarde van het huidige element naar de console te loggen. De variabele student vertegenwoordigt het huidige element in de array tijdens elke iteratie van de lus. Dus, in de eerste iteratie is dit "Brandon", in de tweede iteratie "Mario" en in de derde iteratie "Saul".

1. Wat is het belangrijkste voordeel van het gebruik van een for...of-lus bij het itereren over arrays?

2. Wat stelt de for...of voor in de const element-lus-syntaxis?

3. Wat is het doel van het gedeelte of array in de for...of-lus syntaxis?

question mark

Wat is het belangrijkste voordeel van het gebruik van een for...of-lus bij het itereren over arrays?

Select the correct answer

question mark

Wat stelt de for...of voor in de const element-lus-syntaxis?

Select the correct answer

question mark

Wat is het doel van het gedeelte of array in de for...of-lus syntaxis?

Select the correct answer

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 4. Hoofdstuk 7
some-alt