Come leggere le proprietà degli oggetti JavaScript?

Nel precedente articolo abbiamo parlato degli Oggetti in JavaScript. Oggi vediamo come richiamare i valori delle varie proprietà.

I valori di un oggetto possono essere recuperati racchiudendo una stringa tra parentesi quadre ([ ]). Se la stringa è un nome JavaScript valido e non è una parola riservata, puoi utilizzare la dot-notation ..

dog["name"] // "Argo"
dog.age     // 1

Se la stringa non è un nome di proprietà valido, viene restituito undefined:

dog.breed // undefined

Per avere dei valori di default è possibile utilizzare l'operatore ||:

var breed = dog.breed || "meticcio";

Perché utilizzare la notazione con le parentesi quadre? Quando i nomi delle proprietà contengono degli spazi, è l'unica soluzione:

dog["gioco preferito"] // "nodo di corda"

Le parentesi quadre possono essere utilizzate anche utilizzare variabili come nomi di proprietà:

var prop = "name";
dog.prop  // undefined
dog[prop] // "Argo"