4.3 Boucle For
Imaginons que nous voulons afficher cinq fois « Bonjour tout le monde » sur la console. Une approche naïve serait d'écrire cinq fois console.log("Bonjour tout le monde"). C'est lourd. Les boucles servent justement à répéter une action plusieurs fois sans dupliquer le code. JavaScript propose plusieurs types de boucles — for, while, do...while, for...in, for...of — qui font toutes la même chose à des nuances de syntaxe près.
Syntaxe à trois parties
Une boucle for reçoit trois instructions entre parenthèses, séparées par des points-virgules. La première, appelée expression initiale, déclare et initialise la variable de boucle, traditionnellement nommée i (pour index) avec let i = 0. La deuxième est la condition : la boucle continue tant qu'elle est vraie, par exemple i < 5. La troisième est l'expression d'incrément, généralement i++, qui modifie i après chaque itération.
for (let i = 0; i < 5; i++)
console.log('Bonjour tout le monde');Le moteur évalue la condition, exécute le corps si elle est vraie, puis incrémente. À la fin de la cinquième itération i vaut 4 ; après incrément il vaut 5, la condition devient fausse et la boucle se termine. Pour boucler cinq fois, on peut aussi initialiser i à 1 et boucler tant que i <= 5.
Exemple plus intéressant et boucle inverse
Pour afficher les nombres impairs entre 1 et 5, on ajoute un if qui vérifie que i % 2 !== 0. On peut aussi parcourir l'intervalle en sens inverse : for (let i = 5; i >= 1; i--) imprime les valeurs dans l'ordre décroissant. Le sens ascendant reste le plus courant, mais le sens inverse a son utilité (parcours arrière d'un tableau, animations, etc.). On se retrouve dans la prochaine vidéo pour la boucle while.
En résumé
La boucle For est une structure de contrôle fondamentale en JavaScript qui permet de répéter une action plusieurs fois sans réécrire le code. Elle se compose de trois parties : l'initialisation (var i = 0), la condition de continuation (i < 5) et l'incrémentation (i++). Avec des exemples comme afficher du texte 5 fois ou parcourir les nombres impairs, la leçon explique comment et pourquoi utiliser la boucle For plutôt que de répéter manuellement les instructions.
Points clés
- La boucle For exécute une action plusieurs fois tant qu'une condition reste vraie
- Trois éléments clés : initialisation de la variable d'index (i = 0), condition de continuation (i < 5), et incrémentation (i++)
- La variable i est la convention courante pour l'index et est abrégée en « index »
- On peut modifier l'ordre de boucle : parcourir de 0 à 5 ou de 5 à 0 avec des opérateurs différents
- Les boucles For s'utilisent avec des conditions supplémentaires (ex: if i % 2 !== 0 pour les nombres impairs)
Questions fréquentes
Pourquoi utiliser une boucle For au lieu de répéter le code plusieurs fois ?
Répéter manuellement du code 5 fois est verbeux et difficile à maintenir. La boucle For rend le code plus propre et lisible, permet de changer facilement le nombre de répétitions, et c'est particulièrement utile pour un nombre grand de répétitions.
Que représentent les trois parties entre les parenthèses de la boucle For ?
La première partie est l'initialisation (i = 0 déclare la variable d'index), la deuxième est la condition (i < 5 définit quand arrêter), et la troisième est l'incrémentation (i++ augmente la valeur de 1 après chaque itération.
Comment puis-je parcourir une boucle à l'envers ?
Vous commencez par initialiser i à une valeur plus grande (ex: i = 5), puis utilisez une condition qui descend (i >= 1) avec une décrémentation (i--) au lieu d'une incrémentation.