cover

Te explico el método forEach

author photo

Héctorbliss

@hectorbliss

El método forEach es uno de los métodos más utilizados en JavaScript para iterar sobre arrays. A diferencia del clásico for(), forEach es más legible y menos propenso a errores porque no necesitas manejar índices manualmente.

¿Qué es forEach?

forEach es un método de los arrays que ejecuta una función por cada elemento del array. Es parte de los métodos de alto orden (higher-order methods) de JavaScript.

La principal ventaja sobre for() tradicional es que:

  • No necesitas declarar variables de contador
  • No hay riesgo de errores de off-by-one
  • El código es más declarativo y fácil de leer

Sintaxis

El callback de forEach recibe hasta 3 parámetros:

ParámetroDescripción
elementEl elemento actual siendo procesado
indexEl índice del elemento actual (opcional)
arrayEl array sobre el que se está iterando (opcional)

Ejemplo práctico

Veamos un ejemplo sencillo con un array de nombres:

Con arrow functions queda aún más limpio:


🎬 ¿Te está gustando este contenido? Tenemos más tutoriales de JavaScript en nuestro canal de YouTube.


Diferencia con for tradicional

Compara cómo se vería el mismo código con un for tradicional:

Consideraciones importantes

  • forEach no retorna nada (undefined). Si necesitas transformar el array, usa map().
  • No puedes usar break para salir del loop. Si necesitas esa funcionalidad, usa for...of o some().
  • forEach no espera promesas. Para código asíncrono, usa for...of con await.

Conclusión

¡Felicidades! Ahora conoces uno de los métodos más útiles de JavaScript para trabajar con arrays. forEach hará tu código más legible y menos propenso a errores.

Abrazo. bliss.

meta cover

En 2026, ser invisible para los LLMs es peor que ser invisible para Google en 2010

Checa este otro Post

meta cover

WebMCP: el nuevo idioma entre la web y la inteligencia artificial

Checa este otro Post

¡Nuevo curso!

Animaciones web con React + Motion 🧙🏻