LECCIÓN 36 / 60 · Datos y errores

Transforma cada elemento con map

Al terminar, podrás: crear otro array aplicando map

Ruta esencialJavaScript

Conviene conocer: Lección 11 · Lee un elemento de un array · Lección 24 · Escribe una función flecha

La idea clave

Cuando quieres aplicar la misma transformación a todos los valores, map crea un nuevo array con el resultado de llamar a una función para cada elemento.

Ejemplo paso a paso

Este ejemplo muestra la idea en acción. Sigue los pasos y después cámbialo tú.

Ejemplo explicado
const numeros = [2, 4, 6];
const dobles = numeros.map(n => n * 2);
console.log(dobles);
  1. map visita cada número del array.
  2. La función flecha multiplica cada número por 2.
  3. El nuevo array contiene [4, 8, 12]; el original no se modifica.

Practica con código

Antes de empezar, piensa: ¿El array dobles tendrá dos o tres elementos?

Cambia la operación para sumar 1 en lugar de multiplicar por 2.

El resultado que buscamos

El nuevo array es [3, 5, 7].

JAVASCRIPT Practica aquí
Tu misión

Cambia la operación para sumar 1 en lugar de multiplicar por 2.

Consola
Lista para ejecutar.
Sin comprobar
Escribe tu cambio y pulsa «Comprobar solución». Puedes intentarlo tantas veces como quieras.
Listo
Necesito una pista

Busca n * 2 dentro de la función flecha.

Una pista más

Sustitúyelo por n + 1.

Ver solución y explicación

const siguientes = numeros.map(n => n + 1); console.log(siguientes);

Qué debes recordar: map transforma cada elemento y devuelve un array nuevo.

Práctica pendiente de corregir

La lectura, las prácticas corregidas y las autoevaluaciones guiadas se guardan por separado en este navegador.

Revisado editorialmente · Referencia técnica específica ↗