Choisir entre plusieurs traitements avec if, else if et switch, et répéter une tâche avec for, while et for...of.
Un centre de formation à Oujda veut une page qui affiche la mention de chaque stagiaire selon sa moyenne, et une table de révision. Décider selon une valeur, c'est une condition ; refaire la même chose pour chaque stagiaire, c'est une boucle. Ce sont les mêmes structures qu'en algorithmique, avec la syntaxe de JavaScript.
Le tableau stagiaires a 4 éléments, numérotés de 0 à 3. La boucle va traiter chacun.
if (moyenne >= 16) {
mention = 'Très bien';
} else if (moyenne >= 14) {
mention = 'Bien';
} else {
mention = 'Autre';
}
L’opérateur ternaire est un raccourci pour un choix simple :
const statut = moyenne >= 10 ? 'Admis' : 'Ajourné';
switch compare une valeur à plusieurs cas précis (n’oubliez pas break) :
switch (filiere) {
case 'DEV': console.log('Développement digital'); break;
case 'ID': console.log('Infrastructure digitale'); break;
default: console.log('Autre filière');
}
| Boucle | Quand l’utiliser |
|---|---|
for (let i = 0; i < n; i++) | on connaît le nombre de tours |
for (const x of tableau) | parcourir les valeurs d’un tableau |
for (const cle in objet) | parcourir les propriétés d’un objet |
while (condition) | on répète tant qu’une condition est vraie |
do { } while (condition) | au moins une fois |
break sort de la boucle, continue passe directement au tour suivant.
Attention à la boucle infinie : dans un while, la condition doit finir par devenir fausse.
Si le feu est vert, on passe ; sinon, s'il est orange, on ralentit ; sinon, on s'arrête. C'est une suite if / else if / else.
if (feu === 'vert') { console.log('Passer'); } else if (feu === 'orange') { console.log('Ralentir'); } else { console.log('Stop'); }
Le formateur répète le même geste pour chaque stagiaire de la liste : c'est une boucle for...of.
for (const nom of ['Salma', 'Youssef', 'Imane']) { console.log(`Copie remise à ${nom}`); }
Avec switch, affichez « Souk » si jour vaut 'dimanche', « Hammam » si c'est 'mercredi', et « Travail » sinon.
switch (jour) { case 'dimanche': console.log('Souk'); break; case 'mercredi': console.log('Hammam'); break; default: console.log('Travail'); }
Affichez dans la console la table de 7 (7 x 1 = 7 jusqu'à 7 x 10 = 70) avec une boucle for.
for (let i = 1; i <= 10; i++) { console.log(`7 x ${i} = ${7 * i}`); }
Ali épargne 500 DH par mois. Avec une boucle while, calculez combien de mois il lui faut pour atteindre 8 000 DH.
let epargne = 0; let mois = 0; while (epargne < 8000) { epargne += 500; mois++; } console.log(`${mois} mois`); // 16 mois