Wie kann ich sicher auf verschachtelte Eigenschaften in JavaScript zugreifen, um den Fehler „Eigenschaft von nicht definierten Eigenschaften kann nicht gelesen werden' zu vermeiden?

Beheben von Fehlern bei undefinierten Eigenschaften

Beim Umgang mit verschachtelten Datenstrukturen in JavaScript kann es frustrierend sein, auf Fehler zu stoßen, bei denen die Eigenschaft „Eigenschaften von undefinierten Objekten kann nicht gelesen werden“ auftritt. Es tritt auf, wenn versucht wird, auf Eigenschaften mit undefinierten Werten oder Nullwerten zuzugreifen. Betrachten Sie das folgende Array:

const test = [{'a':{'b':{'c':"foo"}}}, {'a': "bar"}];

Das Durchlaufen dieses Arrays und der Versuch, die Eigenschaft c wie folgt zu protokollieren:

for (i=0; i<test.length; i++) {
    console.log(a.b.c);
}

würde zu einem Fehler beim zweiten Eintrag führen, in dem sich a.b befindet undefiniert. Um diesen Fehler zu vermeiden, besteht ein gängiger Ansatz darin, jede Ebene der Eigenschaftskette zu überprüfen:

if (a && a.b) {
    console.log(a.b.c);
}

Dies kann jedoch beim Umgang mit tief verschachtelten Datenstrukturen mühsam werden. Glücklicherweise gibt es alternative Lösungen.

Optionale Verkettung (ES2020 und TypeScript 3.7)

Wenn Sie JavaScript gemäß ECMAScript 2020 oder höher oder TypeScript Version 3.7 verwenden oder höher können Sie die optionale Verkettung nutzen. Dieser Operator, ?., greift sicher auf verschachtelte Eigenschaften zu, ohne Fehler auszulösen.

console.log(obj?.a?.lot?.of?.properties);

Hilfsfunktions-Problemumgehung (frühere JavaScript-Versionen)

Für frühere Versionen von JavaScript, a Die Try/Catch-Hilfsfunktion mit ES6-Pfeilfunktionen kann eine Lösung bieten.

function getSafe(fn, defaultVal) {
  try {
    return fn();
  } catch (e) {
    return defaultVal;
  }
}

console.log(getSafe(() => obj.a.lot.of.properties));

Sie können auch einen optionalen Standardwert angeben Wert:

console.log(getSafe(() => obj.a.lot.of.properties, 'nothing'));

Das obige ist der detaillierte Inhalt vonWie kann ich sicher auf verschachtelte Eigenschaften in JavaScript zugreifen, um den Fehler „Eigenschaft von nicht definierten Eigenschaften kann nicht gelesen werden' zu vermeiden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!