Salir de los bucles de JavaScript:'romper' y 'continuar' [Ejemplos]

Este artículo explicará el descanso de JavaScript y continuar instrucciones y cómo se utilizan para salir y omitir iteraciones en bucles.

Bucles de JavaScript

En programación, un ciclo itera a través de una serie de valores, realizando una acción en cada valor que encuentra.

Las matrices se pueden recorrer mediante el método forEach y la instrucción for se puede utilizar para recorrer un conjunto de valores generados por una expresión de JavaScript.

Es posible que se encuentre con situaciones en las que desee salir prematuramente de un ciclo u omitir el procesamiento de ciertos valores en el ciclo.

Esto es lo que rompercontinuar declaraciones le permiten hacer.

Uso de 'romper' para terminar un bucle

El descanso terminará la ejecución del ciclo actual. No se llevará a cabo más ejecución en la iteración actual ni se procesarán las iteraciones restantes.

La sintaxis es simple, simplemente llame:

break;

En el punto de su código en el que desea salir del bucle.

Ejemplo de 'romper'

Debajo, un para se construye un bucle que iterará la variable i a través de los números enteros 0-5 .

Sin embargo, nunca llegará a 5, como cuando i llega a 4 , el descanso se llama a la declaración, lo que hace que el bucle y cualquier iteración futura finalicen.

for (let i = 0; i <= 5; i++) {
    if (i == 4){ 
        break;
    } 
    console.log(i);
}

El código anterior generará lo siguiente en la consola:

0
1
2
3

Uso de 'continuar' para finalizar solo la iteración actual de un bucle

El continuar La declaración es igual de simple de usar, pero tiene un propósito ligeramente diferente. En lugar de terminar completamente el ciclo, solo termina la iteración actual, por lo que el ciclo continuará ejecutándose para el siguiente valor en el ciclo.

Nuevamente, la sintaxis es simple, llama:

continue;

En el punto de su código en el que desea salir de la iteración del bucle actual.

Ejemplo de 'continuar'

A continuación, un bucle para iterar el valor de la variable i de 0-5 se vuelve a construir.

Cuando yo es igual a 4 , el continuar se llama a la declaración:se sale de la iteración actual, por lo que el resto del código en el bucle no se ejecuta después de continuar se llama declaración.

for (let i = 0; i <= 5; i++) {
    if (i == 4){ 
        continue;
    } 
    console.log(i);
}

Esto generará:

0
1
2
3
5

Tenga en cuenta que 4 falta, ya que se omitió esa iteración.

Ubicación de declaraciones 'romper' y 'continuar'

El descansocontinuar Las declaraciones se pueden colocar en cualquier lugar dentro del bloque de código para un ciclo; no es necesario que aparezcan al principio. Si el rompercontinuar las declaraciones se colocan después de otras líneas de código dentro del bucle, esas líneas se ejecutarán:

for (let i = 0; i <= 5; i++) {
    console.log(i);
      if (i == 4){ 
        break;
    } 
}

Fíjate en la descanso la declaración ahora aparece después de el valor de i se imprime, por lo que la salida será diferente al ejemplo anterior:

0
1
2
3
4

El código que aparece antes de la pausa aún se ha ejecutado, con el ciclo roto después.