7 Funciones de JavaScript para Arrays que Deberías Conocer

Los arrays en JavaScript son más que simples listas. Con los métodos nativos que trae el lenguaje puedes transformar, filtrar, buscar y validar datos sin acabar escribiendo bucles de más.

Aquí tienes 7 funciones que conviene tener a mano para trabajar con arrays de forma eficiente y con código más limpio.

1. .map() – Transforma sin destruir

.map() crea un nuevo array aplicando una función a cada elemento del array original.

const numeros = [1, 2, 3];
const dobles = numeros.map(num => num * 2);

console.log(dobles); // [2, 4, 6]

Cuándo usarlo: cuando necesitas transformar todos los elementos sin modificar el array original.

2. .filter() – Quédate solo con lo que necesitas

.filter() devuelve un nuevo array con los elementos que cumplen una condición.

const numeros = [1, 2, 3, 4];
const pares = numeros.filter(num => num % 2 === 0);

console.log(pares); // [2, 4]

Ideal para: limpiar datos, aplicar condiciones o descartar lo que no te interesa.

3. .find() – El primero que cumpla

A diferencia de .filter(), .find() devuelve el primer elemento que cumple la condición. Si no encuentra nada, devuelve undefined.

const users = [
  { nombre: "Ana", edad: 28 },
  { nombre: "Luis", edad: 35 }
];

const mayorDe30 = users.find(user => user.edad > 30);
console.log(mayorDe30); // { nombre: "Luis", edad: 35 }

Para qué sirve: cuando necesitas un único resultado y quieres parar en cuanto lo encuentras.

4. .forEach() – Itera sin retorno

.forEach() ejecuta una función por cada elemento del array, pero no devuelve nada. Es para ejecutar efectos: logs, llamadas, actualizar algo externo, etc.

const frutas = ["manzana", "pera", "uva"];
frutas.forEach(fruta => console.log(fruta));

Nota: si necesitas un nuevo array como resultado, no uses .forEach(). Usa .map().

5. .reduce() – Unifica todo en uno

.reduce() reduce un array a un solo valor. Puede ser una suma, un objeto, un contador… lo que necesites.

const numeros = [1, 2, 3];

const suma = numeros.reduce((acc, val) => acc + val, 0);
console.log(suma); // 6

Muy usado para: totales, agrupar datos, contar ocurrencias o convertir arrays en objetos.

6. .some() – ¿Hay al menos uno?

.some() devuelve true si al menos un elemento cumple la condición.

const edades = [15, 18, 21];

const hayMayores = edades.some(edad => edad >= 18);
console.log(hayMayores); // true

Útil para: validaciones rápidas (por ejemplo, “¿hay alguno que esté mal?”).

7. .every() – ¿Todos cumplen?

.every() devuelve true solo si todos los elementos cumplen la condición.

const edades = [18, 22, 30];

const todosMayores = edades.every(edad => edad >= 18);
console.log(todosMayores); // true

Útil para: verificar reglas globales (por ejemplo, “¿están todos validados?”).

Por qué merece la pena usarlos

Estas funciones te ayudan a escribir código más claro y con menos ruido:

• Evitas bucles innecesarios.
• El código se lee mejor (se entiende la intención a la primera).
• Te acostumbras a un estilo más funcional, que encaja muy bien en JavaScript moderno.

La idea es simple: la próxima vez que tengas un array delante, piensa si lo puedes resolver con un .map(), un .filter() o un .reduce() antes de tirar de for por costumbre.