Para qué sirve la instrucción continue de JavaScript

Estrada Web Group
Estrada Web Group
Para qué sirve la instrucción continue de JavaScript

Resumen: en este tutorial, aprenderás a usar la instrucción continue de JavaScript para omitir la iteración actual de un bucle, es decir que se brinque la iteración actual.

Introducción a la declaración continue de JavaScript

La instrucción continue finaliza la ejecución de la instrucción en la iteración actual de un ciclo e inmediatamente continúa con la siguiente iteración, a diferencia de break que termina el bucle o ciclo para continuar con la ejecución del código.

Aquí está la sintaxis de la instrucción continue:

continue [etiqueta];

En esta sintaxis, la etiqueta es opcional. Es un identificador válido asociado a la etiqueta de una declaración. Para obtener más información, consulta el tutorial de la instrucción break para obtener más información sobre la declaración de etiqueta.

Por lo general, se usa continue con una declaración if como esta:

// dentro de un bucle
if(condition){
  continue;
}

En esta sintaxis, la sentencia if especifica una condición para ejecutar la sentencia continue dentro de un bucle o ciclo.

Usando la instrucción continue en un bucle for

Cuando se usa la instrucción continue en un bucle for, no termina el bucle por completo. En su lugar, salta a la expresión del iterador.

El siguiente ejemplo usa continue en un bucle for para mostrar el número impar en la consola del navegador:

for (let i = 0; i < 10; i++) {
  if (i % 2 === 0) {
    continue;
  }
  console.log(i);
}

Resultrado:

1
3
5
7
9

En este ejemplo, el bucle for itera sobre los números del 0 al 9.

El i%2 devuelve el resto de la división del valor actual de i por 2.

Si el resto es cero, la sentencia if ejecuta la sentencia continue que salta la iteración actual del ciclo y salta a la expresión del iterador i++. De lo contrario, envía el valor de i a la consola.

Usando la instrucción continue en un ciclo while

Cuando se usa la instrucción continue en un ciclo while, no finaliza la ejecución del ciclo por completo. En su lugar, vuelve a la condición.

El siguiente ejemplo usa una declaración continue en un ciclo while para mostrar los números impares del 1 al 10:

let i = 0;
while (i < 10) {
  i++;
  if (i % 2 === 0) {
    continue;
  }
  console.log(i);
}

Resultado:

1
3
5
7
9

Uso de la instrucción continue con un ejemplo de etiqueta

La declaración continue puede incluir una etiqueta opcional como esta

continue etiqueta;

El siguiente bucle anidado muestra pares de números del 1 al 2:

for (let i = 1; i < 4; i++) {
  for (let j = 1; j < 4; j++) {
    console.log(i, j);
  }
}

Resultado:

1 1
1 2
1 3
2 1
2 2
2 3
3 1
3 2
3 3

A continuación, se muestra cómo utilizar la instrucción continue con una etiqueta:

outer: for (let i = 1; i < 4; i++) {
  for (let j = 1; j < 4; j++) {
    if (i + j == 3) continue outer;
    console.log(i, j);
  }
}

Resultado:

1 1
3 1
3 2
3 3

Resumen

Usa la declaración de continue de JavaScript para omitir la iteración actual de un bucle y continuar con la siguiente.

 

 

Compartir artículo:

Más artículos geniales

Plantillas literales de JavaScript en profundidad

Plantillas literales de JavaScript en profundidad

Resumen: en este tutorial, aprenderás sobre las plantillas literales en JavaScript, que te permite trabajar con una plantilla de cadena más fácilmente.

Ver artículo completo
Qué son las propiedades propias de objetos en JavaScript y cómo utilizarlas

Qué son las propiedades propias de objetos en JavaScript y cómo utilizarlas

En este artículo, aprenderás acerca de las propiedades propias en JavaScript y cómo se diferencian de las propiedades heredadas. Te mostraré cómo acceder a las propiedades propias de un objeto, y te presentaré algunos métodos útiles que puedes utilizar para trabajar con ellas

Ver artículo completo
Qué es jQuery CDN y cómo cargar jQuery desde un CDN o desde servidor

Qué es jQuery CDN y cómo cargar jQuery desde un CDN o desde servidor

Cuando inicias un proyecto web te puede surgir la duda a la hora de incluir la biblioteca jQuery (o alguna otra conocida), ¿es mejor hacerlo desde un CDN o desde nuestro propio servidor?

Ver artículo completo

Manténgase actualizado

Obtenga excelente contenido en su bandeja de entrada todas las semanas.
Solo contenido excelente, no compartimos su correo electrónico con terceros.
Subir al inicio de la pantalla