59. Transformation de tableau : la méthode .map()

.map() est l'une des méthodes de tableau de haut niveau les plus puissantes. Elle appelle une fonction pour chaque élément du tableau et renvoie un nouveau tableau contenant les résultats de cette fonction.

C'est essentiel pour transformer des données d'un format à un autre.

Exemple : Convertir des prix

Imaginons que nous ayons des prix en Euros et que nous devions les convertir en USD (en supposant 1 EUR = 1.08 USD).

javascript const euroPrices = [100, 250, 450]; const exchangeRate = 1.08;

const usdPrices = euroPrices.map(price => { return price * exchangeRate; });

console.log(euroPrices); // [100, 250, 450] (Le tableau original est inchangé) console.log(usdPrices); // [108, 270, 486] (Nouveau tableau avec les valeurs transformées)

Transformer des objets

Si vous avez un tableau d'objets simples, .map() est parfait pour extraire une propriété unique ou les formater.

javascript const users = [{ id: 1, name: 'A' }, { id: 2, name: 'B' }];

const names = users.map(user => user.name); console.log(names); // ['A', 'B']