CodeStart.it
Corsi JavaScript Oggetti e proprietà
Cavallo · Costruisci · Capitolo 7 di 17

Oggetti e proprietà

JavaScriptLettura + laboratorioCorso gratuito
Che cosa imparerai

Un oggetto raggruppa proprietà con nomi significativi e aiuta a modellare dati reali.

1. Il concetto, spiegato da zero

Un oggetto raggruppa proprietà con nomi significativi e aiuta a modellare dati reali.

Accedi con oggetto.nome oppure oggetto["nome"]. Puoi aggiungere proprietà e assegnare metodi. Utilizza nomi coerenti per ridurre errori.

2. Un esempio ragionato

Osserva l’esempio e leggi ogni istruzione nell’ordine. Prima di provarlo, fermati a prevedere cosa succederà; capire il motivo del risultato è più importante che memorizzare la sintassi.

Codice di esempio · JavaScript
const persona = { nome: 'Luca', eta: 20 };
persona.eta += 1;
console.log(persona.nome);
console.log(persona.eta);
Risultato previsto
Luca
21

Come leggere questo esempio

  1. Prima di eseguire, prova a prevedere il risultato dell’esempio.
  2. Spiega con parole tue in che modo “oggetti e proprietà” risolve un problema concreto.
  3. Rileggi ogni riga del programma e individua i valori che vengono creati o modificati.
  4. Modifica un valore; confronta il comportamento e annota che cosa è cambiato.
Errore frequente
Una proprietà inesistente restituisce undefined. Verifica la struttura dell’oggetto prima di leggere valori annidati.

3. Adesso tocca a te

Obiettivo dell’esercizio: Crea un oggetto persona e modifica una proprietà.

Puoi partire dall’esempio, riprodurlo e poi modificarlo. La soluzione di riferimento è disponibile sotto, ma conviene aprirla soltanto dopo un primo tentativo.

Laboratorio: metti alla prova il codice

JAVASCRIPT · javascript

L’anteprima è isolata dal sito principale: non inserire password o dati personali nel codice di prova.

Output / esito del controllo

Il risultato comparirà qui.
Mostra la soluzione di riferimento
Codice di esempio · JavaScript
const persona = { nome: 'Luca', eta: 20 };
persona.eta += 1;
console.log(persona.nome);
console.log(persona.eta);

Confronta il tuo procedimento con quello dell’esempio. Una soluzione differente può essere altrettanto valida se produce risultati corretti.

4. Verifica e ripasso

Quiz: hai capito il concetto?

Quale delle seguenti affermazioni è corretta per questo capitolo?

Seleziona una risposta

Promemoria

Accedi con oggetto.nome oppure oggetto["nome"]. Puoi aggiungere proprietà e assegnare metodi. Utilizza nomi coerenti per ridurre errori.

5. Come proseguire

Prima del capitolo successivo, prova a spiegare il concetto a un amico senza leggere il codice. Se non riesci, torna all’esempio e fai una nuova variante: imparare significa anche sperimentare.

← Capitolo precedente