Cómo recorrer un array en JavaScript
Recorrer un array es una de las tareas más comunes al trabajar con JavaScript. Existen varios métodos que puedes utilizar para iterar sobre los elementos de un array, cada uno con sus propias ventajas según el contexto en el que se use. A continuación, se describen los métodos más populares.
Uso del bucle for
El bucle for es el método más tradicional y flexible para recorrer un array. Permite un control total sobre el proceso de iteración.
Ejemplo:
let numeros = [1, 2, 3, 4, 5];
for (let i = 0; i < numeros.length; i++) {
console.log(numeros[i]);
}
En este ejemplo, el bucle for recorre cada elemento del array numeros e imprime su valor en la consola.
Uso de forEach
El método forEach es una manera sencilla y concisa de recorrer un array. Ejecuta una función especificada una vez por cada elemento del array.
Ejemplo:
let numeros = [1, 2, 3, 4, 5];
numeros.forEach(function(numero) {
console.log(numero);
});Este método es ideal cuando solo necesitas recorrer un array sin modificarlo.
Uso de map
El método map no solo recorre un array, sino que también crea un nuevo array con los resultados de aplicar una función a cada uno de sus elementos.
Ejemplo:
let numeros = [1, 2, 3, 4, 5];
let numerosDuplicados = numeros.map(function(numero) {
return numero * 2;
});
console.log(numerosDuplicados); // [2, 4, 6, 8, 10]
map es útil cuando quieres transformar cada elemento de un array y crear un nuevo array con los resultados.
Uso de for...of
for...of es un bucle que ofrece una sintaxis más sencilla y legible para recorrer los elementos de un array, especialmente cuando no necesitas acceder al índice.
Ejemplo:
let numeros = [1, 2, 3, 4, 5];
for (let numero of numeros) {
console.log(numero);
}Este método es especialmente útil para arrays y otros objetos iterables.
Uso de reduce
El método reduce permite recorrer un array y acumular un valor a medida que se itera sobre los elementos. Es útil para realizar operaciones complejas, como sumar todos los valores de un array.
Ejemplo:
let numeros = [1, 2, 3, 4, 5];
let suma = numeros.reduce(function(acumulador, numero) {
return acumulador + numero;
}, 0);
console.log(suma); // 15Algunos ejemplos
1. Recorrer y filtrar valores:
let numeros = [1, 2, 3, 4, 5];
let pares = numeros.filter(numero => numero % 2 === 0);
console.log(pares); // [2, 4]2. Transformar elementos de un array:
let nombres = ["Ana", "Luis", "María"];
let saludos = nombres.map(nombre => `Hola, ${nombre}!`);
console.log(saludos); // ["Hola, Ana!", "Hola, Luis!", "Hola, María!"]3. Recorrer y realizar una acción en cada elemento:
let tareas = ["Lavar platos", "Limpiar el cuarto", "Comprar comida"];
tareas.forEach(tarea => console.log(`Debes: ${tarea}`));Referencias a sitios oficiales
Para más información sobre cómo recorrer arrays en JavaScript y otros métodos disponibles, puedes consultar la documentación oficial de Mozilla sobre Arrays.
Jorge García
Fullstack developer