JavaScript romper y continuar

Tabla de contenido

Tutorial de JavaScript
Introducción a JavaScript
JavaScript Dónde
Salida de JavaScript
Declaraciones de JavaScript
Sintaxis de JavaScript
Comentarios de JavaScript
Variables de JavaScript
JavaScript deja
constante de JavaScript
Operadores de JavaScript
Aritmética de JavaScript
Asignación de JavaScript
Tipos de datos de JavaScript
Funciones de JavaScript
Objetos JavaScript
Eventos de JavaScript
Cadenas de JavaScript
Métodos de cadena de JavaScript
Búsqueda de cadenas de JavaScript
Literales de plantilla de JavaScript
Números de JavaScript
JavaScript grandeint
Métodos numéricos de JavaScript
Propiedades de números de JavaScript
Matrices de JavaScript
Métodos de matriz de JavaScript
Ordenación de matrices de JavaScript
Iteración de matriz de JavaScript
constante de JavaScript
Objetos de fecha de JavaScript
Formatos de fecha de JavaScript
Métodos de fecha de JavaScript
Métodos de configuración de fechas de JavaScript
Objeto matemático de JavaScript
JavaScript aleatorio
Booleanos de JavaScript
Comparación de JavaScript y operadores lógicos
JavaScript si no si no si no
Declaración de cambio de JavaScript
JavaScript para bucle
JavaScript para en
JavaScript para de
JavaScript mientras bucle
JavaScript romper y continuar
Iterables de JavaScript
Conjuntos de JavaScript
Mapas JavaScript
tipo de JavaScript
Conversiones de tipos de JavaScript
JavaScript bit a bit
Objeto RegExp de JavaScript
Precedencia de operadores de JavaScript
Errores de JavaScript al intentar capturar y lanzar
Alcance de JavaScript
Elevación de JavaScript
JavaScript "uso estricto"
JavaScript esto
Función de flecha de JavaScript
Clases de JavaScript
Módulos JavaScript
javascript json
Depuración de JavaScript
Guía de estilo de JavaScript
Mejores prácticas de JavaScript
Errores de JavaScript
Rendimiento de JavaScript
Palabras reservadas de JavaScript
Versiones de JavaScript
Javascript ES5
Javascript ES6
JavaScript ECMAScript 2016
JavaScript ECMAScript 2017
JavaScript ECMAScript 2018
Javascript ES2019
JavaScript ECMAScript 2020
JavaScript ECMAScript 2021
JavaScript IE y borde
Historia de JavaScript
Objetos JavaScript
Propiedades de JavaScript
Métodos JavaScript
Objetos de visualización de JavaScript
Accesores de JavaScript
Constructores de JavaScript
Prototipos de JavaScript
Iterables de JavaScript
Conjuntos de JavaScript
Mapas JavaScript
Métodos de objetos JavaScript ES5
Definiciones de funciones de JavaScript
Parámetros de la función JavaScript
Invocación de función de JavaScript
Método de llamada de función JavaScript()
Función JavaScript aplicar() Método
Función JavaScript método bind()
Cierres de funciones de JavaScript
Clases de JavaScript
Herencia de clases de JavaScript
Métodos estáticos de JavaScript
Devoluciones de llamada de JavaScript
JavaScript asíncrono
Promesas de JavaScript
JavaScript asíncrono
JavaScript HTML DOM
Métodos DOM de JavaScript
Documento DOM de JavaScript
Elementos DOM de JavaScript
HTML DOM JavaScript
Validación de formularios JavaScript
JavaScriptDOMCSS
Animación DOM de JavaScript
Eventos DOM de JavaScript
Escucha de eventos DOM de JavaScript
Navegación DOM de JavaScript
Nodos DOM de JavaScript
Colecciones DOM de JavaScript
Lista de nodos DOM de JavaScript
Ventana de JavaScript
Pantalla de ventana de JavaScript
Ubicación de la ventana de JavaScript
Historial de ventanas de JavaScript
Navegador de ventanas de JavaScript
Cuadros emergentes de JavaScript
Eventos de sincronización de JavaScript
Cookies de JavaScript
API web
Validación de formularios JavaScript
API de historial web
API de almacenamiento web
API de trabajadores web
API de recuperación de JavaScript
API de geolocalización
Introducción a AJAX
AJAX El objeto XMLHttpRequest
Solicitud AJAX XMLHttp
Respuesta del servidor AJAX XMLHttpRequest
XML-AJAX
PHP
ASP AJAX
Base de datos AJAX
Aplicaciones XML
Ejemplos de AJAX
Introducción a JSON
Sintaxis JSON
JSON frente a XML
Tipos de datos JSON
JSON.parse()
JSON.stringify()
Literales JSON
Matrices JSON
Servidor JSON
JSONPHP
HTML JSON
JSONP
Selectores jQuery
Elementos HTML de jQuery
Estilos CSS de jQuery
jQueryDOM
Gráficos HTML
Lienzo HTML
Plotly.js
Gráfico.js
Gráfico de Google
D3.js
Ejemplos de JavaScript
Ejemplos de JavaScript HTML DOM
Ejemplos de entrada HTML de JavaScript
Ejemplos de objetos HTML de JavaScript
Ejemplos de eventos de JavaScript
Ejemplos de objetos del navegador JavaScript
Mostrar tabla de contenidos

La instrucción break "salta" de un bucle.

La instrucción continue "salta" una iteración en el lazo.

La declaración break

Ya ha visto la declaración break utilizada en una edición anterior. capítulo de este tutorial. Se usaba para "saltar" de una declaración switch().

La instrucción break también se puede utilizar para saltar de un bucle:

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

<!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>

En el ejemplo anterior, la instrucción break finaliza el ciclo ("rompe" el ciclo). cuando el contador de bucle (i) es 3.

La declaración continue

La instrucción continue interrumpe una iteración (en el bucle), si se especifica Se produce la condición y continúa con la siguiente iteración del ciclo.

Este ejemplo omite el valor de 3:

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

<!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>

Etiquetas de JavaScript

Para etiquetar declaraciones de JavaScript, precede las declaraciones con un nombre de etiqueta y dos puntos:

label:
statements

Las declaraciones break y continue son las únicas declaraciones de JavaScript que puede "saltar de" un bloque de código.

Sintaxis:

break labelname; 
continue labelname;

El continuar La declaración (con o sin una referencia de etiqueta) sólo se puede utilizar para omitir una iteración del bucle.

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

Con una referencia de etiqueta, la declaración de interrupción se puede utilizar para saltar de cualquier bloque de código:

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>"; 
}

<!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>