cat javascript/liste-di-oggetti-cataloghi-utenti-e-attivita.md

Lezione 21 12 min

Liste di oggetti: cataloghi, utenti e attività

Mettere più oggetti dentro una lista.

In parole semplici

Molte app lavorano con liste di schede: prodotti, utenti, note, attività. In JavaScript questo diventa spesso un array di oggetti.

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

  • array di oggetti: lista in cui ogni elemento è una scheda completa.

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: "Quaderno", prezzo: 5 }
];

console.log(prodotti[0].nome);

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

Esercizio guidato

  1. Crea una lista con tre prodotti.
  2. Ogni prodotto deve avere nome e prezzo.
  3. Stampa il nome del secondo prodotto.
  4. Stampa il prezzo del terzo prodotto.

Controllo finale

Hai finito quando sai combinare posizione nella lista e proprietà dell’oggetto.