cat javascript/cercare-un-elemento-con-find.md

Lezione 22 12 min

Cercare un elemento con find

Trovare il primo elemento che rispetta una condizione.

In parole semplici

find cerca nella lista e restituisce il primo elemento adatto. È utile quando vuoi un prodotto con un certo nome o un utente con un certo id.

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

  • find: metodo che cerca il primo elemento adatto.
  • condizione: domanda che decide se un elemento va bene.

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 trovato = prodotti.find((prodotto) => prodotto.nome === "Penna");
console.log(trovato);

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

Esercizio guidato

  1. Crea una lista di tre prodotti.
  2. Cerca un prodotto per nome.
  3. Stampa il prodotto trovato.
  4. Prova a cercare un nome che non esiste e osserva il risultato.

Controllo finale

Hai finito quando sai spiegare cosa succede se find non trova nulla.