cover

Te explico el método forEach

author photo

Héctorbliss

@hectorbliss


robot logo saying hello

No te quedes atrás: Actualízate

Suscríbete para recibir información sobre nuevos frameworks, updates, eventos, tips, hacks y más.

El método forEach() del Array, ejecuta la función que le provees una vez por cada elemento en el array.(Mdn docs).

Basicamente, el método forEach es una de las mejores maneras para usar un ciclo en un array, es mucho más simple que usar un for(). Lo que lo diferencia de otros métodos es que forEach() no devuelve nada (return) lo que lo hace más "barato".

Sintaxis

Veamos la sintaxis de forEach y después hagamos un ejemplo:

forEach(function(element, index, array){/* ... */});

Podemos observar que el método forEach toma una función callback que a su vez toma tres parámetros, los cuales son:

element - El elemento en el que estás iterando

index - El índice actual de cada elemento

array - El array al cual pertenece cada elemento

👀 ¡Ojo!, El element es el parámetro mas importante y requerido, los otros dos son opcionales.

Hagamos un ejemplo

Veamos cómo es que el método forEach funciona 👇🏼

const names = ['Luis','Laura','Sonia','Brenda','Mario']; names.forEach(name=>console.log(name)); // Luis // Laura // Sonia // Brenda // Mario

De este ejemplo podemos observar, que hemos creado un array de nombres. Y para obtener cada uno de los nombres de forma individual, hemos utilizado el método forEach.

Veamos que ha sucedido aquí:

  1. Tomamos el array de nombres, el cual está en la variable names.
  2. Le agregamos el método forEach a este array.
  3. Obtenemos cada uno de los nombres en el callback
  4. Lo mostramos en consola

Conclusión

Felicidades por llegar al final de este artículo. 🎉 Espero que si has comenzado tu camino como programador(a), este artículo te sirva de referencia.

Abrazo. Bliss.

banner

¿Quieres mantenerte al día sobre los próximos cursos y eventos?

Suscríbete a nuestro newsletter

Jamás te enviaremos spam, nunca compartiremos tus datos y puedes cancelar tu suscripción en cualquier momento 😉

robot logo saying hello
facebook icontwitter iconlinkedin iconinstagram iconyoutube icon

© 2016 - 2023 Fixtergeek