Laboratorio: piccolo catalogo prodotti

In parole semplici

Il catalogo è il primo esempio vicino a un’app reale: hai una lista di prodotti, cerchi un prodotto, filtri per prezzo e mostri informazioni leggibili.

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

• catalogo: lista organizzata di prodotti o elementi.

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 },
  { nome: "Agenda", prezzo: 18 }
];

const economici = prodotti.filter((prodotto) => prodotto.prezzo < 20);
const nomi = economici.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 almeno cinque prodotti.
2. Trova un prodotto per nome con find.
3. Filtra i prodotti sotto una soglia di prezzo.
4. Crea una lista con solo i nomi dei prodotti filtrati.
5. Stampa risultati chiari in console.

Controllo finale

Hai finito quando il catalogo funziona cambiando prodotti e soglia di prezzo.