Método map

José Aular / 17.11.2021

Método map

Tabla de contenido

  1. Concepto
  2. Ejemplo #1
  3. Ejemplo #2
  4. Ejemplo #3
  5. Referencias

Concepto

El método map() crea un nuevo array con los resultados de la llamada a la función indicada aplicados a cada uno de sus elementos.

map() es un método sin mutación que crea una nueva matriz en vez de los métodos con mutación, que solo realizan cambios a la matriz que invoca.

Este método puede tener muchos usos cuando se trabaja con matrices.

Ejemplo #1

mapMethod.js
const numbers = [1, 2, 3, 4, 5];
const doubles = numbers.map((number) => number * 2);
console.log({ doubles });
// [2, 4, 6, 8, 10]

Ejemplo #2

mapMethod.js
const drinks = ["coffee soda", "tea", "whiskey"];
const coldDrinks = drinks.map((drink) => `iced ${drink}`);
console.log({ coldDrinks });
// ['iced coffee soda', 'iced tea', 'iced whiskey']

Ejemplo #3

mapMethod.js
const users = [
  { firstName: "Homer", lastName: "Simpson", years: 36 },
  { firstName: "Marge", lastName: "Simpson", years: 34 },
  { firstName: "Bart", lastName: "Simpson", years: 10 },
  { firstName: "Lisa", lastName: "Simpson", years: 8 },
  { firstName: "Maggie", lastName: "Simpson", years: 1 },
];
const names = users.map((user) => `${user.firstName} ${user.lastName}`);
console.log({ names });
// ['Homer Simpson', 'Marge Simpson', 'Bart Simpson', 'Lisa Simpson', 'Maggie Simpson']

Referencias