Internet | Création de pages Web | Javascript | JavaScript - Boucles for
JavaScript - Boucles for
Les boucles sont des structures de contrôle essentielles en programmation, permettant d'exécuter un bloc de code
plusieurs fois. En JavaScript, la boucle for est une des plus couramment utilisées. Cet article explore les boucles for
en JavaScript moderne, avec des explications claires et des exemples concrets pour les débutants.
Structure de Base d'une Boucle for
Une boucle for se compose de trois parties principales : l'initialisation, la condition et l'incrémentation. Voici la
syntaxe de base :
1 for (initialisation; condition; incrémentation) {
2 // Code à exécuter à chaque itération
3 }
Explication :
Initialisation : Déclare et initialise une variable de contrôle. Cette étape n'est exécutée qu'une seule fois au
début de la boucle.
Condition : Une expression évaluée avant chaque itération de la boucle. Si la condition est vraie, le bloc de
code à l'intérieur de la boucle est exécuté. Si la condition est fausse, la boucle s'arrête.
Incrémentation : Une expression qui est exécutée après chaque itération du bloc de code.
Exemple Simple
Commençons par un exemple simple où nous affichons les nombres de 1 à 5 dans la console :
1 for (let i = 1; i <= 5; i++) {
2 [Link](i);
3 }
Explication :
1. Initialisation : let i = 1 déclare la variable i et l'initialise à 1.
2. Condition : i <= 5 vérifie si i est inférieur ou égal à 5.
3. Incrémentation : i++ augmente la valeur de i de 1 après chaque itération.
À chaque itération, la valeur de i est affichée dans la console jusqu'à ce que i dépasse 5.
Parcourir un Tableau
Les boucles for sont souvent utilisées pour parcourir des tableaux. Voici un exemple où nous parcourons un
tableau de fruits et affichons chaque fruit :
1 let fruits = ["pomme", "banane", "cerise", "orange"];
2
3 for (let i = 0; i < [Link]; i++) {
4 [Link](fruits[i]);
5 }
Explication :
1. Initialisation : let i = 0 initialise i à 0.
© 2025 Mr. Lambrechts [Link] 1|3
2. Condition : i < [Link] vérifie si i est inférieur à la longueur du tableau fruits.
3. Incrémentation : i++ augmente i de 1 après chaque itération.
Le tableau fruits est parcouru de l'indice 0 à l'indice 3, et chaque fruit est affiché dans la console.
Utilisation des Boucles for avec ES6
Avec l'introduction de ECMAScript 6 (ES6) (= version récente), JavaScript a introduit de nouvelles fonctionnalités
qui rendent le code plus concis et lisible. Par exemple, la boucle for...of permet de parcourir directement les
éléments d'un tableau sans avoir besoin d'utiliser un indice.
Exemple avec for...of :
1 let fruits = ["pomme", "banane", "cerise", "orange"];
2
3 for (let fruit of fruits) {
4 [Link](fruit);
5 }
Explication :
La boucle for...of itère directement sur les éléments du tableau fruits, rendant le code plus simple et plus
lisible.
Conclusion
Les boucles for sont des outils puissants pour les développeurs JavaScript, permettant de répéter des tâches
efficacement. En comprenant les différentes formes de boucles for, y compris la boucle classique et la boucle
for...of, vous pouvez écrire du code plus clair et plus performant.
Voici un récapitulatif des points clés abordés dans cet article :
La structure de base d'une boucle for.
Utilisation des boucles for pour parcourir des tableaux.
Utilisation de la boucle for...of introduite avec ES6.
Pratiquer ces concepts avec des exemples concrets vous aidera à maîtriser l'utilisation des boucles for en
JavaScript. Bonne programmation !
Exercices sur les Boucles for en JavaScript
Voici 15 exercices de base sur les boucles for en JavaScript pour vous aider à vous familiariser avec ce concept
essentiel.
Afficher des Nombres de 1 à 10
Utilisez une boucle for pour afficher les nombres de 1 à 10 dans la console.
Exemple :
1 for (let i = 1; i <= 10; i++) {
2 [Link](i);
3 }
Afficher des Nombres Pairs de 2 à 20
Utilisez une boucle for pour afficher les nombres pairs de 2 à 20 dans la console.
É
© 2025 Mr. Lambrechts [Link] 2|3
Afficher les Éléments d'un Tableau
Déclarez un tableau noms contenant les valeurs ["Alice", "Bob", "Charlie"], puis utilisez une boucle for pour afficher
chaque nom dans la console.
Somme des Nombres de 1 à 10
Utilisez une boucle for pour calculer et afficher la somme des nombres de 1 à 10.
Afficher une Table de Multiplication
Utilisez une boucle for pour afficher la table de multiplication de 5 (5, 10, 15, ..., 50).
Afficher des Nombres Impairs de 1 à 19
Utilisez une boucle for pour afficher les nombres impairs de 1 à 19.
Afficher les Nombres en Ordre Inverse
Utilisez une boucle for pour afficher les nombres de 10 à 1 dans la console.
Calculer la Factorielle d'un Nombre
Utilisez une boucle for pour calculer la factorielle de 5 et afficher le résultat.
Parcourir un Tableau d'Objets
Déclarez un tableau d'objets etudiants contenant les objets {nom: "Alice", age: 20}, {nom: "Bob", age: 22}, et {nom:
"Charlie", age: 23}. Utilisez une boucle for pour afficher le nom et l'âge de chaque étudiant.
Calculer la Moyenne d'un Tableau de Nombres
Utilisez une boucle for pour calculer et afficher la moyenne des nombres d'un tableau notes.
Trouver le Maximum d'un Tableau
Utilisez une boucle for pour trouver et afficher le maximum d'un tableau nombres.
Filtrer les Nombres Pairs d'un Tableau
Utilisez une boucle for pour afficher les nombres pairs d'un tableau nombres.
© 2025 Mr. Lambrechts [Link] 3|3