Welke soorten for-lussen ken je in JavaScript?

In JavaScript zijn er verschillende varianten van de for-lus:

• for (klassiek): Wordt gebruikt om te itereren over een numeriek bereik of om een actie een bepaald aantal keren uit te voeren.

  // Iteratie over een numeriek bereik
  for (let i = 0; i < 5; i++) {
    console.log(i); // 0, 1, 2, 3, 4
  }
  

• for...in: Loopt door de sleutels (eigenschappen) van de enumerateerbare eigenschappen van een object (inclusief prototype-eigenschappen). Niet aanbevolen voor iteratie over arrays vanwege mogelijke problemen met de volgorde en de enumeratie van niet-numerieke eigenschappen.

  const obj = { a: 1, b: 2, c: 3 };
  for (const key in obj) {
    console.log(`${key}: ${obj[key]}`);
    // a: 1
    // b: 2
    // c: 3
  }
  
  const arr = ['appel', 'banaan', 'sinaasappel'];
  for (const index in arr) {
    console.log(index); // 0, 1, 2 (de sleutels in dit geval zijn de indices)
  }
  

• for...of: Loopt door de waarden van iterabele objecten, zoals arrays, strings, Map, Set, TypedArray en arguments. Wordt aanbevolen voor iteratie over arrays.

  const arr = ['appel', 'banaan', 'sinaasappel'];
  for (const element of arr) {
    console.log(element);
    // appel
    // banaan
    // sinaasappel
  }
  
  const str = "hallo";
  for (const char of str) {
    console.log(char);
    // h
    // a
    // l
    // l
    // o
  }
  

Vergelijkingstabel:

Cyclus	Doel	Te itereren elementen	Aanbevolen voor
for	Iteratie over een numeriek bereik, herhalen	Bepaald aantal keren	Algemene lussen
for...in	Iteratie over de sleutels (eigenschappen) van objecten	Sleutels (eigenschappen)	Objecten
for...of	Iteratie over de waarden van iterabele objecten	Waarden	Arrays, strings, Map, Set