Quels types de boucle for connaissez-vous en JavaScript?

En JavaScript, il existe plusieurs variantes de boucle for:

• for (classique) : Utilisé pour itérer sur une plage numérique ou pour effectuer une action un nombre déterminé de fois.

  // Itération sur une plage numérique
  for (let i = 0; i < 5; i++) {
    console.log(i); // 0, 1, 2, 3, 4
  }
  

• for...in : Parcourt les clés (propriétés) des propriétés énumérables d’un objet (y compris celles du prototype). Non recommandé pour l’itération sur un tableau en raison de problèmes potentiels avec l’ordre et l’énumération des propriétés non numériques.

  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 = ['pomme', 'banane', 'orange'];
  for (const index in arr) {
    console.log(index); // 0, 1, 2 (les clés dans ce cas sont les indices)
  }
  

• for...of : Parcourt les valeurs des objets itérables, tels que les tableaux, chaînes, Map, Set, TypedArray et arguments. Recommandé pour l’itération sur les tableaux.

  const arr = ['pomme', 'banane', 'orange'];
  for (const element of arr) {
    console.log(element);
    // pomme
    // banane
    // orange
  }
  
  const str = "bonjour";
  for (const char of str) {
    console.log(char);
    // b
    // o
    // n
    // j
    // o
    // u
    // r
  }
  

Tableau comparatif :

Boucle	Objectif	Éléments parcourus	Recommandé pour
for	Itérer sur une plage numérique, répéter	Nombre défini de fois	Boucles générales
for...in	Parcourir les clés (propriétés) des objets énumérables	Clés (propriétés)	Objets
for...of	Parcourir les valeurs des objets itérables	Valeurs	Tableaux, chaînes, Map, Set