Sobes.tech
Junior

Welke lussen zijn er in JavaScript en hoe werken ze?

sobes.tech AI

Antwoord van AI

In JavaScript zijn de volgende hoofdtypen lussen:

  1. for: Voert een codeblok een bepaald aantal keren uit. Gebruikt wanneer het aantal iteraties bekend is. Bestaat uit drie optionele uitdrukkingen: initialisatie, voorwaarde en einduitdrukking.

    for (let i = 0; i < 5; i++) {
      // Lichaam van de lus
      console.log(i);
    }
    
  2. while: Voert een codeblok uit zolang de opgegeven voorwaarde waar is. Gebruikt wanneer het aantal iteraties niet van tevoren bekend is.

    let i = 0;
    while (i < 5) {
      // Lichaam van de lus
      console.log(i);
      i++;
    }
    
  3. do...while: Lijkt op while, maar de voorwaarde wordt nadat de lus is uitgevoerd gecontroleerd. Garandeert dat de lus ten minste één keer wordt uitgevoerd.

    let i = 0;
    do {
      // Lichaam van de lus
      console.log(i);
      i++;
    } while (i < 5);
    
  4. for...in: Loopt door de enumerateerbare (enumerable) eigenschappen van een object. Itereert over de sleutels van het object.

    const obj = { a: 1, b: 2, c: 3 };
    for (const key in obj) {
      // Werkt met de sleutel en waarde: obj[key]
      console.log(`${key}: ${obj[key]}`);
    }
    
  5. for...of: Loopt door de waarden van iterabele objecten (zoals arrays, strings, Map, Set). Itereert over de waarden.

    const arr = [1, 2, 3];
    for (const value of arr) {
      // Werkt met de waarde
      console.log(value);
    }
    
  6. forEach (array-methode): Voert een opgegeven functie één keer uit voor elk element van de array. Is geen traditionele controlelus in syntax, maar voert dezelfde taak uit.

    const arr = [1, 2, 3];
    arr.forEach(function(value, index, array) {
      // Werkt met de waarde, index en referentie naar array
      console.log(`${index}: ${value}`);
    });