Cómo iterar arrays con forEach en JavaScript
El método forEach() en JavaScript se utiliza para ejecutar una función específica sobre cada elemento de un array. Es ideal para recorrer o iterar sobre listas de datos sin necesidad de manejar contadores manualmente. A diferencia de otros métodos de iteración como map(), forEach() no devuelve un nuevo array, sino que simplemente ejecuta la función para cada elemento.
¿Cómo funciona forEach en JavaScript?
El método forEach() recorre el array y pasa el valor de cada elemento, su índice y el array completo a la función que recibe como argumento. La sintaxis básica es:
array.forEach(function(element, index, array) {
// Código a ejecutar por cada elemento
});Parámetros:
1. element: El elemento actual del array.
2. index (opcional): El índice del elemento actual.
3. array (opcional): El array al que pertenece el elemento.
Ejemplos de uso de forEach en JavaScript
1. Recorrer un array de números:
const numeros = [1, 2, 3, 4, 5];
numeros.forEach((numero) => {
console.log(numero);
});2. Usar el índice del elemento:
const frutas = ['Manzana', 'Banana', 'Naranja'];
frutas.forEach((fruta, indice) => {
console.log(`Fruta en el índice ${indice}: ${fruta}`);
});3. Modificar elementos de un array (sin afectar el original):
const precios = [10, 20, 30];
precios.forEach((precio, indice) => {
precios[indice] = precio * 2;
});
console.log(precios); // [20, 40, 60]Referencia oficial
Para más detalles, consulta la documentación oficial de MDN sobre forEach().
Jorge García
Fullstack developer