break
-satsen "hoppar ut" ur en loop.
fortsätt
-satsen "hoppar över" en iteration i loopen.
break
-satsenDu har redan sett break
-satsen som användes i ett tidigare kapitel i denna handledning. Den användes för att "hoppa ut" ur en switch()
-sats.
break
-satsen kan också användas för att hoppa ut ur en loop:
for (let i = 0; i < 10; i++) {
if (i === 3) { break; }
text += "The number is " + i + "<br>";
}
Prova själv →
<!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>
I exemplet ovan avslutar break
-satsen loopen ("bryter" loopen) när loopräknaren (i) är 3.
fortsätt
continue
-satsen bryter en iteration (i slingan), om en specificerad tillstånd uppstår och fortsätter med nästa iteration i slingan.
Det här exemplet hoppar över värdet på 3:
for (let i = 0; i < 10; i++) {
if (i === 3) { continue; }
text += "The number is " + i + "<br>";
}
Prova själv →
<!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>
För att märka JavaScript-satser föregår du satserna med ett etikettnamn och ett kolon:
label:
statements
break
och continue
-satserna är de enda JavaScript-satserna som kan "hoppa ur" ett kodblock.
Syntax:
break labelname;
continue labelname;
fortsätt
uttalande (med eller utan etikettreferens) kan bara användas för att hoppa över en loop iteration.
break
-satsen, utan en etikettreferens, kan endast användas för att hoppa ur en slinga eller en switch.
Med en etikettreferens kan break-satsen användas för att hoppa ut av något kodblock:
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>";
}
Prova själv →
<!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>
Ett kodblock är ett kodblock mellan { och }.