7 funcions de JavaScript per a arrays que hauries de conèixer

Els arrays en JavaScript són més que simples llistes. Amb els mètodes nadius del llenguatge pots transformar, filtrar, buscar i validar dades sense acabar escrivint bucles de més.

Aquí tens 7 funcions que convé tenir a mà per treballar amb arrays de manera eficient i amb un codi més net.

1. .map() – Transforma sense destruir

.map() crea un array nou aplicant una funció a cada element de l’array original.

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

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

Quan fer-lo servir: quan necessites transformar tots els elements sense modificar l’array original.

2. .filter() – Queda’t només amb el que necessites

.filter() retorna un array nou amb els elements que compleixen una condició.

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

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

Ideal per a: netejar dades, aplicar condicions o descartar allò que no t’interessa.

3. .find() – El primer que compleixi

A diferència de .filter(), .find() retorna el primer element que compleix la condició. Si no troba res, retorna undefined.

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

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

Per a què serveix: quan necessites un únic resultat i vols aturar-te tan bon punt el trobes.

4. .forEach() – Itera sense retorn

.forEach() executa una funció per cada element de l’array, però no retorna res. Serveix per executar efectes: logs, crides, actualitzar alguna cosa externa, etc.

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

Nota: si necessites un array nou com a resultat, no facis servir .forEach(). Fes servir .map().

5. .reduce() – Unifica-ho tot en un sol valor

.reduce() redueix un array a un sol valor. Pot ser una suma, un objecte, un comptador… el que necessitis.

const numeros = [1, 2, 3];

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

Molt utilitzat per a: totals, agrupar dades, comptar ocurrències o convertir arrays en objectes.

6. .some() – N’hi ha almenys un?

.some() retorna true si almenys un element compleix la condició.

const edades = [15, 18, 21];

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

Útil per a: validacions ràpides (per exemple, “n’hi ha algun que estigui malament?“).

7. .every() – Tots ho compleixen?

.every() retorna true només si tots els elements compleixen la condició.

const edades = [18, 22, 30];

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

Útil per a: verificar regles globals (per exemple, “estan tots validats?”).

Per què val la pena fer-los servir

Aquestes funcions t’ajuden a escriure un codi més clar i amb menys soroll:

• Evites bucles innecessaris.
• El codi es llegeix millor (s’entén la intenció a la primera).
• T’acostumes a un estil més funcional, que encaixa molt bé amb el JavaScript modern.

La idea és simple: la pròxima vegada que tinguis un array al davant, pensa si el pots resoldre amb un .map(), un .filter() o un .reduce() abans de recórrer a for per costum.