break y continue

La declaración break “salta” de un bucle. La instrucción continue “salta” una iteración en el ciclo.

La declaración break

Ya has visto la instrucción break utilizada en un capítulo anterior de este manual. Se utilizó para “saltar” de una instrucción switch(). La sentencia break también se puede usar para saltar fuera de un bucle. La sentencia break rompe el ciclo y continúa ejecutando el código después del ciclo (si lo hay).

Ejm

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
</head>
<body>
<h2>Bucles Javascript</h2>
<p>Un bucle con una declaración break</p>

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

<script>
var text = "";
var i;

for(i = 0; i < 10; i++)
{
if(i === 3)
{
break;
}
text += "El número es " + i + "<br />";
}
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>

La declaración continue

La instrucción continue rompe una iteración (en el ciclo), si ocurre una condición especificada, y continúa con la siguiente iteración en el ciclo.

Este ejemplo omite el valor de 3.

Ejm

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

Etiquetas Javascript

Para etiquetar declaraciones de JavaScript, antecede las declaraciones con un nombre de etiqueta y dos puntos.

label:
declaraciones

Las declaraciones break y continue son las únicas declaraciones JavaScript que pueden “saltar” de un bloque de código.

Sintaxis

break nombredeetiqueta;

continue nombredeetiqueta;

La instrucción continue (con o sin una referencia de etiqueta) solo se puede usar para omitir una iteración de bucle.

La declaración break, sin una referencia de etiqueta, solo se puede usar para saltar de un bucle o un switch.

Con una referencia de etiqueta, la declaración break se puede usar para saltar de cualquier bloque de código.

Ejm

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
</head>
<body>
<h2>Declaración break</h2>
<p id="demo"></p>

<script>
var cars = ["Volvo", "BMW", "Audi", "Seat"];
var 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 bloque de código es un bloque de código entre {y}.