Über JSON iterieren
Teil des Abschnitts Logik & Ablauf der JavaScript-Journey von Coddy — Lektion 22 von 65.
Um über die Schlüssel eines JSON zu iterieren, können wir entweder Object.keys() verwenden:
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]])
}Oder wir können mithilfe einer for...in-Schleife iterieren:
for (const key in userSettings) {
console.log(key, userSettings[key]);
}Eine weitere Möglichkeit ist die Verwendung von .entries():
for (const [k, v] of Object.entries(userSettings)) {
// k ist der Schlüssel, v ist der Wert
}Aufgabe
EinfachErstellen Sie eine Funktion namens analyzeCarData, die ein JSON-Objekt als Eingabe entgegennimmt. Das Objekt enthält Daten über den Bestand eines Autohauses, wobei:
- Schlüssel die Automodelle sind
- Werte die Preise sind
Die Funktion sollte ein Objekt zurückgeben, das Folgendes enthält:
mostExpensive: der Name des teuersten Autoscheapest: der Name des günstigsten AutosaveragePrice: der Durchschnittspreis aller Autos
Spickzettel
Um über die Schlüssel eines JSON-Objekts zu iterieren, verwenden Sie Object.keys():
const keys = Object.keys(userSettings)
for (let i = 0; i < keys.length; i++) {
console.log(keys[i], userSettings[keys[i]])
}Oder verwenden Sie eine for...in-Schleife:
for (const key in userSettings) {
console.log(key, userSettings[key]);
}Oder verwenden Sie Object.entries(), um Schlüssel-Wert-Paare zu erhalten:
for (const [k, v] of Object.entries(userSettings)) {
// k ist der Schlüssel, v ist der Wert
}Probier es selbst
function analyzeCarData(carData) {
// Code hier schreiben
}
// Schreiben Sie nichts außerhalb der FunktionDiese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.
Alle Lektionen in Logik & Ablauf
1Strings im Detail
String-GrundlagenÜber Strings iterierenTemplate LiteralsString-MethodenRückblick – String Weaver4JSON Teil 2
Über JSON iterierenVerschachteltes JSONJSON Optional ChainingFlache und tiefe KopieWiederholung – FahrradladenWiederholung – Sonnensystem7Bibliotheksverwaltungssystem
ProjektübersichtBücher hinzufügen2Mehrdimensionale Arrays
Grundlagen zu 2D-ArraysZugriff auf 2D-Array-ElementeVerschachtelte Schleifen mit 2D-ArraysRückblick – 2D-ArraysMatrix-Addition & SubtraktionJagged Arrays3D-Arrays und mehrGängige 2D-Array-MusterRückblick – Alles über Arrays5Sets Teil 1
Was ist ein Set?Iterieren über SetsEin Element hinzufügenEin Element entfernenPrüfen, ob ein Element existiertGröße und Is EmptyCopy und ClearZusammenfassung - Grundlagen von Sets8Arrays: Interessante Themen
Array-DestrukturierungSpread-Syntax in ArraysSparse ArraysWiederholung – Arrays Workshop3JSON Teil 1
Was ist JSON?Prüfen, ob Key existiertObjektmethodenDer Spread-Operator Teil 1Der Spread-Operator Teil 2Keys entfernenWiederholung – JSON-Keys manipulieren