JavaScript Pause et Continue


Table des matières

    Afficher la table des matières


L'instruction break "saute" d'une boucle.

L'instruction continue "saute" une itération dans la boucle.


L'instruction break

Vous avez déjà vu l'instruction break utilisée dans un précédent chapitre de ce tutoriel. Il était utilisé pour "sortir" d'une instruction switch().

L'instruction break peut également être utilisée pour sortir d'une boucle :

Exemple

for (let i = 0; i < 10; i++) {
   
if (i === 3) { break; }
    text += "The number is " + i + "<br>";
 }

Essayez-le vous-même →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Loops</h2>

<p>A loop with a <b>break</b> statement.</p>

<p id="demo"></p>

<script>
let text = "";
for (let i = 0; i < 10; i++) {
  if (i === 3) { break; }
  text += "The number is " + i + "<br>";
}

document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>

Dans l'exemple ci-dessus, l'instruction break termine la boucle ("brise" la boucle) lorsque le compteur de boucle (i) est 3.


L'instruction continue

L'instruction continue interrompt une itération (dans la boucle), si un La condition se produit et continue avec l'itération suivante dans la boucle.

Cet exemple ignore la valeur 3 :

Exemple

for (let i = 0; i < 10; i++) {
    if (i === 3) { continue; }
    text += "The number is " + i + "<br>";
}

Essayez-le vous-même →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Loops</h2>

<p>A loop with a <b>continue</b> statement.</p>

<p>A loop which will skip the step where i = 3.</p>

<p id="demo"></p>

<script>
let text = "";
for (let i = 0; i < 10; i++) {
  if (i === 3) { continue; }
  text += "The number is " + i + "<br>";
}
document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>


Étiquettes JavaScript

Pour étiqueter les instructions JavaScript, vous faites précéder les instructions d'un nom d'étiquette et deux points :

label:
statements

Les instructions break et continue sont les seules instructions JavaScript qui peut "sauter" d'un bloc de code.

Syntaxe :

break labelname; 
continue labelname;

Le continuer (avec ou sans référence d'étiquette) ne peut être utilisée que pour en sauter une itération de boucle.

L'instruction break, sans référence d'étiquette, ne peut être utilisée que pour sortir d'une boucle ou un interrupteur.

Avec une référence d'étiquette, l'instruction break peut être utilisée pour sortir de n'importe quel bloc de code :

Exemple

const cars = ["BMW", "Volvo", "Saab", "Ford"];
list: {
  text += cars[0] + "<br>"; 
    text += cars[1] + "<br>"; 
  break list;
  text += cars[2] + "<br>"; 
    text += cars[3] + "<br>"; 
}

Essayez-le vous-même →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript break</h2>

<p id="demo"></p>

<script>
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";

list: {
  text += cars[0] + "<br>"; 
  text += cars[1] + "<br>"; 
  break list;
  text += cars[2] + "<br>"; 
  text += cars[3] + "<br>"; 
}

document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>

Un bloc de code est un bloc de code compris entre { et }.