Arrays en JavaScript: map, filter, reduce y más
push/pop, map, filter, reduce, find, includes, spread y destructuring, con un laboratorio donde ejecutas los métodos de verdad.
Los métodos map, filter y reduce son el corazón del JavaScript
moderno: transforman un array en otro sin bucles for. Ninguno modifica el original.
JavaScript
const nums = [1, 2, 3, 4, 5];
nums.map(n => n * 2); // [2, 4, 6, 8, 10]
nums.filter(n => n % 2 === 0); // [2, 4]
nums.reduce((sum, n) => sum + n, 0); // 15map / filter / reduce / find
Escribe un array y elige la operación. Se ejecuta con el motor de JavaScript real de tu navegador.
Laboratorio: métodos de array interactivo
…
push / pop / shift / unshift
Laboratorio: modificar el array interactivo
…
spread y desestructuración
JavaScript
const a = [1, 2, 3];
const b = [...a, 4, 5]; // [1, 2, 3, 4, 5] (copia + añade)
const [primero, segundo, ...resto] = b;
// primero = 1, segundo = 2, resto = [3, 4, 5]Comprueba lo aprendido
[1, 2, 3].map(n => n + 10) devuelve…[1, 2, 3, 4].reduce((s, n) => s + n, 0) es…[1, 2, 3, 4].filter(n => n > 2) devuelve…