break et continue
Une boucle peut finir chaque tour jusqu’au bout — jusqu’à ce que vous la dirigiez. Parfois vous avez déjà la réponse et voulez arrêter. Parfois un élément est inutile et vous voulez le sauter, puis continuer. break quitte la boucle tout de suite. continue passe au tour suivant. Même famille de boucles ; deux petits mots changent la trajectoire.
Que fait break ?
break termine la boucle la plus proche maintenant. Les tours suivants ne s’exécutent pas. Ce qui suit la boucle dans le script s’exécute encore. Pensez : « J’ai fini — sors. » Courant pour chercher la première correspondance sans parcourir le reste.
break face à continue
📊 Diriger une boucle en cours de route
| Mot-clé | Effet | Usage courant |
|---|---|---|
break |
quitter la boucle maintenant | première correspondance trouvée ; n’attendez plus |
continue |
sauter le reste de ce tour, commencer le suivant | ignorer un mauvais élément ; continuer le parcours |
| aucun | chaque tour exécute tout le corps | chaque élément doit être traité pareil |
| après la boucle | le code sous la boucle s’exécute encore | break quitte seulement la boucle, pas tout le script |
Choisissez break quand les tours suivants ne servent à rien. Choisissez continue quand un tour doit se taire mais le parcours doit continuer. Ne les inversez pas — le bug paraît « presque juste » et est dur à voir.
const nums = [2, 4, 7, 8];
let found = null;
for (let i = 0; i < nums.length; i++) {
if (nums[i] === 7) {
found = nums[i];
break;
}
}
console.log(found);
Arrêtez-vous à la correspondance
La boucle regarde 2, puis 4, puis 7. Sur 7 elle stocke la valeur et fait break. 8 ne s’exécute pas. found vaut 7. Sans break, la boucle continuerait après la réponse connue.
for (let i = 1; i <= 5; i++) {
if (i % 2 === 0) {
continue;
}
console.log(i);
}
Sautez un tour et continuez
Quand i est pair, continue passe au i suivant. La ligne console.log est omise pour ces tours. Vous voyez 1, 3, 5. La boucle ne s’est pas arrêtée — elle a seulement passé les pairs.
let n = 1;
while (n < 20) {
if (n === 5) {
break;
}
console.log(n);
n = n + 1;
}
Quitter un while tôt
while continuerait tant que n < 20. À n === 5, break sort. Affiché : 1–4. Convient à « avancer jusqu’à une règle d’arrêt, puis sortir » sans finir tous les tours possibles.
const colors = ["red", "skip", "blue"];
for (const c of colors) {
if (c === "skip") {
continue;
}
console.log(c);
}
Sauter des valeurs dans for...of
for...of parcourt encore des valeurs. continue ignore "skip" et affiche red, puis blue. La même idée de direction vaut pour for, while et for...of — seulement la boucle la plus proche.
const parts = ["A", "x", "B", "x", "C"];
let msg = "";
for (const p of parts) {
if (p === "x") {
continue;
}
msg = msg + p;
}
console.log(msg);
Filtrer pendant la concaténation
Chaque "x" est sauté ; les lettres s’ajoutent. Résultat : ABC. Même habitude de jointure des leçons de boucles — continue est la porte de filtre dans le parcours.
Montrer break et continue sur la page
Parcourez une courte liste, sautez une étiquette avec continue, arrêtez tôt avec break après un marqueur, écrivez le résultat dans la page.
<!DOCTYPE html>
<html>
<head>
<title>break / continue — page</title>
</head>
<body>
<p id="out">…</p>
<script>
const items = ["a", "skip", "b", "stop", "c"];
let line = "";
for (const item of items) {
if (item === "skip") {
continue;
}
if (item === "stop") {
break;
}
line = line + item + " ";
}
let box = document.getElementById("out");
box.textContent = "kept=" + line.trim();
</script>
</body>
</html>
La page affiche kept=a b. "skip" a été ignoré ; "stop" a fermé la boucle avant "c". Changez le tableau, actualisez, lisez la nouvelle ligne. La leçon suivante commence les fonctions — des blocs réutilisables appelés par nom.
À vous d’essayer
- Dans un
forsur[3, 9, 1], faitesbreakquand la valeur est9et stockez-la. - Affichez seulement les impairs de
1à6aveccontinuesur les pairs. - Dans un
while, arrêtez avecbreakquand le compteur atteint3. - Avec
for...ofsur["ok", "no", "ok"], passez"no"aveccontinue. - Joignez
["1", "-", "2"]en12en sautant"-". - Dans la démo HTML, changez seulement le tableau, actualisez, lisez
kept=.
Erreurs fréquentes
- Croire que
continuequitte toute la boucle (c’estbreak) - Mettre du travail après
breakdans le même tour — il ne s’exécute jamais - Dans un
while, utilisercontinuesans mettre à jour le compteur d’abord — risque de boucle infinie - Utiliser
breakalors qu’un simple saut suffisait - Attendre que
breakquitte tout le script — seulement la boucle la plus proche
Résumé
break— quitter la boucle maintenant ; les tours suivants ne s’exécutent pascontinue— sauter le reste de ce tour ; commencer le suivant- Fonctionne dans
for,whileetfor...of - Chercher utilise souvent
break; filtrer utilise souventcontinue - Le code après la boucle s’exécute encore après
break - Suite : fonctions — nommez un bloc de travail et appelez-le
🧠 Testez Vos Connaissances
Testez Vos Connaissances
Mettez-vous au défi avec ce quiz interactif et voyez à quel point vous comprenez le sujet
📝 Instructions
- Lisez chaque question attentivement
- Sélectionnez la meilleure réponse pour chaque question
- Vous pouvez refaire le quiz autant de fois que vous le souhaitez
- Votre progression sera affichée en haut