cat javascript/trasformare-una-lista-con-map.md

Lezione 24 12 min

Trasformare una lista con map

Creare una nuova lista cambiando ogni elemento.

In parole semplici

map prende ogni elemento e lo trasforma. È utile per ottenere solo i nomi, calcolare prezzi scontati o preparare dati da mostrare.

Questa lezione fa parte del modulo Liste e schede di dati. L’obiettivo del modulo è: Imparare a gestire più valori insieme usando array e oggetti.

Parole nuove

  • map: metodo che trasforma ogni elemento di una lista.

Cosa impari

  • Capire il concetto senza partire da definizioni astratte.
  • Vedere un esempio piccolo che puoi copiare e modificare.
  • Collegare l’argomento al risultato del modulo: un piccolo catalogo prodotti cercabile e filtrabile in console.

Esempio da copiare

const prodotti = [
  { nome: "Zaino", prezzo: 49 },
  { nome: "Penna", prezzo: 2 }
];

const nomi = prodotti.map((prodotto) => prodotto.nome);
console.log(nomi);

Non devi memorizzare tutto subito. Prima copia l’esempio, fallo funzionare e cambia una cosa alla volta.

Esercizio guidato

  1. Crea una lista di prodotti.
  2. Usa map per ottenere solo i nomi.
  3. Usa map per ottenere i prezzi aumentati di 1 euro.
  4. Stampa entrambe le nuove liste.

Controllo finale

Hai finito quando sai usare map senza modificare la lista originale.