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