Table of contents
El método forEach()
del Array, ejecuta la función que le provees una vez por cada elemento en el array.(Mdn docs).
Básicamente, 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
. Enlisto lo que ha sucedido aquí:
Tomamos el array de nombres, el cual está en la variable
names
.Le agregamos el método
forEach
a este array.Obtenemos cada uno de los nombres en el
callback
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.