JSON Optional Chaining

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 werden

Beispiel mit Optional Chaining:

let obj = {};
console.log(obj.key1?.key2);
// undefined (kein Fehler)

Wenn key1 existiert, greift es auf key2 zu.
Wenn key1 null oder undefined ist, gibt es undefined zurü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)

Teste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.

Teste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.

Teste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.

Spickzettel

Optional Chaining (?.) greift sicher auf verschachtelte Eigenschaften zu, ohne Fehler zu verursachen, wenn eine Eigenschaft null oder undefined ist:

let obj = {};
console.log(obj.key1?.key2);
// undefined (kein Fehler)

Wenn die Eigenschaft existiert, greift es auf die nächste Ebene zu. Wenn sie null oder undefined ist, wird undefined zurückgegeben, anstatt einen Fehler auszulösen.

let user = {
	profile: {
		name: "Alice"
	}
};

console.log(user.profile?.name);    // "Alice"
console.log(user.profile?.age);     // undefined
console.log(user.address?.city);    // undefined

Probier es selbst

Diese Lektion enthält keine Programmieraufgabe.

Teste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.