Métodos de Arrays (map, filter, reduce)

Los métodos funcionales de arrays (map, filter, reduce, find, forEach) son la forma moderna de trabajar con listas. En lugar de escribir un for con una variable acumuladora, estos métodos expresan la intención directamente: "transforma esta lista", "filtra estos elementos", "encuentra este valor".

map() crea un nuevo array transformando cada elemento. filter() crea un nuevo array con solo los elementos que pasan una condición. find() devuelve el primer elemento que cumple la condición. Ninguno modifica el array original, lo que los hace seguros y predecibles.

Estos métodos son la base de la programación funcional en JavaScript. En frameworks como React, los usarás constantemente para renderizar listas de componentes, filtrar datos de una API, o transformar el estado de tu aplicación.

const numeros = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

// map - transforma cada elemento
const dobles = numeros.map(n => n * 2);
// [2, 4, 6, 8, 10, 12, 14, 16, 18, 20]

// filter - filtra según condición
const pares = numeros.filter(n => n % 2 === 0);
// [2, 4, 6, 8, 10]

// reduce - reduce a un solo valor
const suma = numeros.reduce((acum, n) => acum + n, 0);
// 55

// find - encuentra el PRIMER elemento que cumple
const primerMayor5 = numeros.find(n => n > 5);
// 6

// some - ¿alguno cumple la condición?
console.log(numeros.some(n => n > 9)); // true

// every - ¿todos cumplen la condición?
console.log(numeros.every(n => n > 0)); // true

// forEach - ejecuta algo por cada elemento
numeros.forEach(n => console.log(n));

// Encadenamiento
const resultado = numeros
  .filter(n => n % 2 === 0)
  .map(n => n * 3)
  .reduce((acc, n) => acc + n, 0); // 90