CodeAventura
JavaScript
▸Transformación de arrays▸map en arrays

Misión

Editor
Consola
La consola está vacía. Pulsa EJECUTAR para correr tu código.
27 / 32map en arrays
Anterior

map en arrays

Qué problema resuelve map

Muchas veces tienes un array y quieres transformarlo completo.

Ejemplos típicos:

  • pasar precios a impuestos incluidos
  • convertir nombres a mayúsculas
  • extraer una propiedad de cada objeto

Con bucles se puede, pero map te deja expresar esa intención de forma directa.

Idea clave

map:

  • recorre todos los elementos
  • ejecuta una callback para cada elemento
  • devuelve un nuevo array con la misma longitud

El array original no se modifica.

La callback es la función que pones dentro de map.

Ejemplo básico

Con función tradicional:

Con función flecha:

Ejemplo con objetos

Con función tradicional:

Con función flecha:

Aquí no estás cambiando los usuarios: estás construyendo otro array con una vista distinta de los datos.

Cómo pensarlo mentalmente

Hazte esta pregunta:

  • "¿Quiero transformar cada elemento y obtener un nuevo array?"

Si la respuesta es sí, suele ser map.

Tu desafío 🚀

Crea un array, úsalo con map para transformarlo y muestra el resultado en consola.

Cuando nombras mejor tu intención, también depuras mejor tu código...