Continuar el ciclo forEach en JavaScript

1. Continuar el bucle forEach en JavaScript
2. Conclusión

Este tutorial le enseñará cómo continuar el bucle forEach en JavaScript.

Continuar el bucle forEach en JavaScript

El bucle forEach es un método de matriz de JavaScript que realiza una función de devolución de llamada personalizada en cada elemento de una matriz. Solo en la matriz puede utilizar el bucle forEach.

Comencemos con un ejemplo de bucle forEach:

Suponga que tiene una matriz de números con 5 a 10 números. ¿Cómo imprimirá el valor usando el bucle forEach?

Vea la demostración a continuación:

const numb = [5, 6, 7, 8, 9, 10];

numb.forEach((num) => {
  console.log(num);
});

Ejecutar código

Producción :

5,6,7,8,9,10

Suponga que quiere hacer otra cosa; desea omitir cualquier elemento en su matriz “adormecida” que sea par. ¿Cómo lograrás esto?

En ese bucle, añades continuar. Sin embargo, surgirá un problema si utiliza continue en un bucle forEach.

Comencemos con el problema:

const numb = [5, 6, 7, 8, 9, 10]

numb.forEach(num => {
  if (num % 2 === 0) {
    continue;
  }
})

Ejecutar código

Producción :

Uncaught SyntaxError: Illegal continue statement: no surrounding iteration statement

Como puede ver, una instrucción continuar dentro de un bucle forEach de JavaScript da como resultado un Error de sintaxis no detectado. Por lo tanto, la declaración de retorno es la mejor alternativa.

Obtuvimos un error de sintaxis porque el bucle forEach se comporta más como una función que como un bucle. Es por eso que no puede continuar actuando en él.

Sin embargo, si debe usar continuar en un bucle forEach, hay una opción. Se puede usar un retorno para salir del bucle forEach.

Mira el código a continuación:

const numb = [5, 6, 7, 8, 9, 10];

numb.forEach((num) => {
  if (num % 2 === 0) {
    return;
  }
  console.log(num);
});

Ejecutar código

Producción :

5,7,9

Aunque se puede utilizar retorno para obtener la salida necesaria, existe un método más eficaz. Puede eliminar fácilmente los valores no deseados utilizando la función filter().

Ejemplo:

const numb = [5, 6, 7, 8, 9, 10];

numb.filter((num) => num % 2 !== 0).forEach((num) => {
  console.log(num);
});

Producción :

5,7,9

Conclusión

Para concluir este artículo, no puede usar una instrucción continuar directamente dentro de un ciclo forEach. En cambio, la declaración de retorno es la solución ideal.

Si no puede utilizar la instrucción return, debe sustituir su bucle forEach con un bucle for o while para utilizar la instrucción continuar.