Optionale Verkettung in JSON
Teil des Abschnitts Logik & Ablauf der JavaScript-Journey von Coddy. Lektion 24 von 65.
Optional Chaining (?.) ermöglicht es Ihnen, sicher auf verschachtelte Eigenschaften zuzugreifen, ohne sich um Fehler sorgen zu müssen, wenn eine Eigenschaft null oder undefined ist.
Beispiel ohne Optional Chaining:
let obj = {};
console.log(obj.key1.key2);
// Fehler: Eigenschaften von undefined können nicht gelesen werdenBeispiel mit Optional Chaining:
let obj = {};
console.log(obj.key1?.key2);
// undefined (kein Fehler)- Wenn
key1existiert, greift es aufkey2zu. - Wenn
key1nulloderundefinedist, gibt esundefinedzurück, anstatt einen Fehler auszulösen.
Weitere Beispiele:
let user = {
profile: {
name: "Alice"
}
};
console.log(user.profile?.name);
// "Alice"console.log(user.profile?.age);
// undefined (kein Fehler)console.log(user.address?.city);
// undefined (kein Fehler)Probier es selbst
Diese Lektion enthält keine Programmieraufgabe.
Diese 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
Grundlagen von StringsStrings durchlaufenTemplate LiteralsString-MethodenRückblick – String-Weber4JSON Teil 2
JSON durchlaufenVerschachteltes JSONOptionale Verkettung in JSONFlache und tiefe KopieWiederholung – FahrradgeschäftWiederholung – Sonnensystem7Bibliotheksverwaltungssystem
ProjektübersichtBücher hinzufügen2Mehrdimensionale Arrays
Grundlagen von 2D-ArraysZugriff auf Elemente von 2D-ArraysVerschachtelte Schleifen mit 2D-ArraysWiederholung – 2D-ArraysMatrixaddition und -subtraktionZackige Arrays3D-Arrays und darüber hinausHäufige Muster bei 2D-ArraysWiederholung – Alles über Arrays5Mengen – Teil 1
Was ist eine Menge?Mengen durchlaufenEin Element hinzufügenEin Element entfernenPrüfen, ob ein Element vorhanden istGröße und LeerstatusKopieren und LeerenRückblick – Grundlagen von Mengen8Interessante Themen zu Arrays
Destrukturierung von ArraysSpread-Syntax in ArraysDünn besetzte ArraysRückblick – Workshop zu Arrays3JSON Teil 1
Was ist JSON?Prüfen, ob ein Schlüssel vorhanden istObjektmethodenSpread-Operator Teil 1Spread-Operator Teil 2Schlüssel entfernenRückblick – JSON-Schlüssel bearbeitenÜbe selbstständig: Online-JavaScript-Compiler