JavaScript Bryt och fortsätt


Innehållsförteckning

    Visa innehållsförteckning


break-satsen "hoppar ut" ur en loop.

fortsätt-satsen "hoppar över" en iteration i loopen.


break-satsen

Du 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:

Exempel

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.


Uttalandet 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:

Exempel

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>


JavaScript-etiketter

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:

Exempel

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 }.