Valori Oggetto Javascript

| | | | | | | | | | | | | | | | | | | | |

Il metodo JavaScript Object.values() recupera un elenco dei valori in un oggetto. Puoi scorrere il risultato del metodo values() per vedere il contenuto di ciascun valore nell’oggetto.

Gli oggetti contengono chiavi e valori. A volte, vorrai solo recuperare i valori nell’oggetto. Supponiamo di avere un oggetto che memorizza i nomi di tutte le persone in una classifica. Potremmo voler recuperare solo i loro nomi dall’oggetto piuttosto che le chiavi associate ai loro nomi (cioè le loro posizioni).

Ecco dove entra in gioco il metodo Object.values(). Questo metodo ti permette vedere tutti i valori in un oggetto. In questa guida, discuteremo come utilizzare il metodo Object.values(). Faremo riferimento a un esempio dettagliato per aiutarti a iniziare.

JavaScript Object.values()

Il metodo JavaScript Object.values() accetta l’oggetto e restituisce il suo enumerabile proprietà in un array. I valori sono ordinati come se dovessi eseguire un ciclo sull’oggetto manualmente e inserirli in un array.

Diamo un’occhiata alla sintassi di questo metodo:

Il metodo Object.values() accetta un argomento: il nome dell’oggetto di cui vuoi vedere i valori. In questa sintassi, stampiamo il risultato del metodo sulla console.

Questo codice restituisce i nomi dei giocatori nel nostro oggetto JavaScript: lucy e harry. Questi nomi vengono restituiti in un elenco, che stampiamo sulla console JavaScript:

Nota che i valori sono nello stesso ordine in cui erano nel dizionario.

Il metodo Object.values() è un modo semplice per recuperare valori da un oggetto. L’alternativa è creare un nuovo elenco e scorrere l’oggetto con un ciclo for, aggiungendo ogni valore a il nuovo elenco. Questo metodo richiede più tempo e più codice per scrivere.

Diamo un’occhiata a un esempio di questo metodo in azione.

Esempio JavaScript Object.values()

Supponiamo di avere un oggetto che contiene informazioni su San Jose, una città della California. Vogliamo recuperare tutte le informazioni su questa città senza recuperare le etichette associate a ogni dato.

Considera questa coppia chiave-valore:

Vogliamo solo recuperare il nome della città, piuttosto che l’etichetta città.

Diamo un’occhiata a un programma che per farlo:

const cityData = { città: "San Jose", stato: "California", area: 181.36, terra: 178.24, acqua: 3.12, urbano: 342.27, metro: 2694.61, altezza: 82, popolazione: 1021795, fuso orario: "Los_Angeles/ Pacific", sito web: "www.sanjoseca.gov" } let arr = Object.values(cityData); let root = document.getElementById(’root’); root.innerHTML = JSON.stringify(arr);

Per prima cosa, impostiamo una pagina HTML standard con un tag, un tag e alcune meta-informazioni di base nella sezione tag.

Utilizziamo uno