JavaScript break statement

Definitie en gebruik

De break-statement verlaat de switch-statement of de lus (for, for ... in, while, do ... while).

Wanneer de break-statement samen met de switch-statement wordt gebruikt, springt deze uit van de switch-blok. Dit stopt met het uitvoeren van meer code en/or case-tests binnen de blok.

Bij het gebruik van de break-statement in een lus, onderbreekt deze de lus en voert de code na de lus uit (indien aanwezig).

De break-statement kan ook worden gebruikt met optionele labelverwijzingen om "uit te springen" van elke JavaScript-codeblok (zie de "Meer voorbeelden" hieronder).

Opmerking:Als je geen label verwijst, kan de break-statement alleen in een lus of switch worden gebruikt.

voorbeeld

In dit voorbeeld gebruiken we de for-lus samen met de break-statement.

Herhaal een stuk code, maar sluit de lus af wanneer de variabele i gelijk is aan "3":

var text = ""
var i;
for (i = 0; i < 5; i++) {
  if (i === 3) {
    break;
  }
  text += "Getal is " + i + "<br>";
}

probeer het zelf

Er zijn meer TIY voorbeelden onder de pagina.

Syntax

break;

Gebruik optionele labels om te verwijzen:

break labelname;

Technische details

JavaScript versie: ECMAScript 1

Meer voorbeelden

voorbeeld

In dit voorbeeld gebruiken we de while-lus samen met de break-statement.

Herhaal een stuk code, maar sluit de lus af wanneer de variabele i gelijk is aan "3":

var text = "";
var i = 0;
while (i < 5) {
  text += "<br>Getal is " + i;
  i++;
  if (i === 3) {
    break;
  }
}

probeer het zelf

voorbeeld

Spring uit het switch-blok om ervoor te zorgen dat alleen één case wordt uitgevoerd:

var dag;
switch (new Date().getDay()) {
  case 0:
    dag = "Zondag";
    break;
  case 1:
    dag = "Maandag";
    break;
  case 2:
    dag = "Dinsdag";
    break;
  case 3:
    dag = "Woensdag";
    break;
  case 4:
    dag = "Donderdag";
    break;
  case 5:
    dag = "Vrijdag";
    break;
  case 6:
    dag = "Zaterdag";
    break;
}

probeer het zelf

voorbeeld

Gebruik een break-statement met een label om uit een JavaScript-codeblok te ontsnappen:

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

probeer het zelf

voorbeeld

Gebruik een break-statement met een label om uit een genestelde for-lus te ontsnappen:

var text = "";
var i, j;
Loop1: // De eerste for-lus wordt gemarkeerd als "Loop1"
for (i = 0; i < 3; i++) {
text += "<br>" + "i = " + i + ", j = ";
  Loop2: // De tweede for-lus wordt gemarkeerd als "Loop2"
  for (j = 0; j < 5; j++) {
    if (j === 2) {
      break Loop1;
    }
    document.getElementById("demo").innerHTML = text += j + " ";
  }
}

probeer het zelf

browserondersteuning

zinnen Chrome IE Firefox Safari Opera
break ondersteuning ondersteuning ondersteuning ondersteuning ondersteuning

gerelateerde pagina's

JavaScript Handleiding:JavaScript Break and Continue

JavaScript Handleiding:JavaScript For loop

JavaScript Handleiding:JavaScript While loop

JavaScript Handleiding:JavaScript Switch

JavaScript Referentie Handboek:JavaScript continue statement

JavaScript Referentie Handboek:JavaScript for statement

JavaScript Referentie Handboek:JavaScript while statement

JavaScript Referentie Handboek:JavaScript switch statement