Iterare su JSON
Fa parte della sezione Logica e flusso del percorso JavaScript di Coddy. Lezione 22 di 65.
Per iterare sulle chiavi di un JSON possiamo usare Object.keys():
const userSettings = {
theme: "dark",
notifications: true
};
const keys = Object.keys(userSettings)
for (let i = 0; i < keys.length; i++) {
console.log(keys[i], userSettings[keys[i]])
}Oppure possiamo iterare usando un ciclo for...in:
for (const key in userSettings) {
console.log(key, userSettings[key]);
}Un altro modo è usare .entries():
for (const [k, v] of Object.entries(userSettings)) {
// k è la chiave, v è il valore
}Sfida
FacileCrea una funzione chiamata analyzeCarData che accetta un oggetto JSON come input. L'oggetto contiene dati sull'inventario di una concessionaria di auto, dove:
- le chiavi sono i modelli delle auto
- i valori sono i prezzi
La funzione dovrebbe restituire un oggetto contenente:
mostExpensive: il nome dell'auto più costosacheapest: il nome dell'auto meno costosaaveragePrice: il prezzo medio di tutte le auto
Provalo tu
function analyzeCarData(carData) {
// Scrivi il codice qui
}
// Non scrivere nulla al di fuori della funzioneQuesta lezione include un breve quiz. Inizia la lezione per rispondere e tenere traccia dei tuoi progressi.
Tutte le lezioni di Logica e flusso
1Le stringhe in dettaglio
Fondamenti delle stringheIterare sulle stringheTemplate literalsMetodi delle stringheRiepilogo - Intrecciatore di stringhe4JSON Parte 2
Iterare su JSONJSON annidatoOptional chaining in JSONCopia superficiale e profondaRipasso - Negozio di bicicletteRipasso - Sistema solare7Sistema di gestione della biblioteca
Panoramica del progettoAggiungere libri10Gestire il sistema del festival
Panoramica del progettoAggiungere film e sale2Array multidimensionali
Nozioni di base sugli array 2DAccesso agli elementi di un array 2DCicli annidati con array 2DRipasso: array 2DAddizione e sottrazione di matriciArray frastagliatiArray 3D e oltreSchemi comuni con array 2DRipasso: tutto sugli array5Insiemi Parte 1
Che cos'è un insieme?Iterare sugli insiemiAggiungere un elementoRimuovere un elementoVerificare se un elemento esisteDimensione e verifica del vuotoCopiare e svuotareRiepilogo - Nozioni di base sugli insiemi8Argomenti interessanti sugli array
Destrutturazione degli arraySintassi spread negli arrayArray sparsiRiepilogo - Laboratorio sugli array3JSON Parte 1
Che cos'è JSON?Verificare se una chiave esisteMetodi degli oggettiL'operatore spread Parte 1L'operatore spread Parte 2Rimuovere le chiaviRipasso - Manipolare le chiavi in JSONEsercitati da solo: Compilatore JavaScript online