JavaScript unterbrechen und fortfahren

Inhaltsverzeichnis

    Inhaltsverzeichnis anzeigen

Die break-Anweisung „springt“ aus einer Schleife heraus.

Die continue-Anweisung „überspringt“ eine Iteration in die Schleife.

Die break-Anweisung

Sie haben die Anweisung break bereits früher gesehen Kapitel dieses Tutorials. Es wurde verwendet, um aus einer switch()-Anweisung „herauszuspringen“.

Die break-Anweisung kann auch verwendet werden, um aus einer Schleife zu springen:

Beispiel

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

Probieren Sie es selbst aus →

<!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>

Im obigen Beispiel beendet die Anweisung break die Schleife („unterbricht“ die Schleife). wenn der Schleifenzähler (i) 3 ist.

Die continue-Anweisung

Die continue-Anweisung unterbricht eine Iteration (in der Schleife), wenn eine angegeben wird Die Bedingung tritt ein und wird mit der nächsten Iteration in der Schleife fortgesetzt.

In diesem Beispiel wird der Wert 3 übersprungen:

Beispiel

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

Probieren Sie es selbst aus →

<!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>

JavaScript-Beschriftungen

Um JavaScript-Anweisungen zu kennzeichnen, stellen Sie den Anweisungen einen Bezeichnungsnamen voran und ein Doppelpunkt:

label:
statements

Die Anweisungen break und continue sind die einzigen JavaScript-Anweisungen, die kann aus einem Codeblock „herausspringen“.

Syntax :

break labelname; 
continue labelname;

Der weiter Die Anweisung (mit oder ohne Label-Referenz) kann nur zum Überspringen eines Labels verwendet werden Schleifeniteration.

Die break-Anweisung ohne Label-Referenz kann nur für verwendet werden aus einer Schleife springen oder ein Schalter.

Mit einer Label-Referenz kann die break-Anweisung zum Herausspringen verwendet werden eines beliebigen Codeblocks:

Beispiel

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>"; 
}

Probieren Sie es selbst aus →

<!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>

Ein Codeblock ist ein Codeblock zwischen { und }.