Intermedio⏱ 40 min
⚡
JavaScript · Capítulo 7
Arrays
Trabaja con listas de datos usando los métodos esenciales: map, filter, find, reduce y más.
📖
Teoría
Los arrays son listas ordenadas de valores. Los métodos más importantes:
.push()/.pop(): agregar/quitar al final
.map(): transforma cada elemento, devuelve nuevo array
.filter(): filtra elementos según condición
.find(): encuentra el primer elemento que cumple
.forEach(): itera sin devolver nada
.reduce(): acumula un resultado único
javascript
const numeros = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
// map: multiplica cada número por 2
const dobles = numeros.map(n => n * 2);
console.log(dobles); // [2, 4, 6, 8, ...]
// filter: solo los pares
const pares = numeros.filter(n => n % 2 === 0);
console.log(pares); // [2, 4, 6, 8, 10]
// find: primer mayor a 5
const mayorACinco = numeros.find(n => n > 5);
console.log(mayorACinco); // 6
// reduce: suma total
const suma = numeros.reduce((acc, n) => acc + n, 0);
console.log(suma); // 55
// Chaining (encadenamiento)
const resultado = numeros
.filter(n => n % 2 === 0) // pares: [2,4,6,8,10]
.map(n => n * n) // cuadrados: [4,16,36,64,100]
.reduce((a, b) => a + b); // suma: 220⚡
Ejercicio práctico
🎯 Tu misión
Gestiona una lista de tareas (todo list) con arrays. Crea tareas, márcalas como completadas, filtra pendientes, y calcula estadísticas usando métodos de array.
Console
Vista previa