Heim > Web-Frontend > js-Tutorial > Wie kann ich mithilfe von Punktnotationszeichenfolgen auf verschachtelte JavaScript-Objekteigenschaften zugreifen?

Wie kann ich mithilfe von Punktnotationszeichenfolgen auf verschachtelte JavaScript-Objekteigenschaften zugreifen?

Mary-Kate Olsen
Freigeben: 2024-11-21 14:54:13
Original
536 Leute haben es durchsucht

How Can I Access Nested JavaScript Object Properties Using Dot Notation Strings?

Zugriff auf verschachtelte Objekteigenschaften mit Punktnotationszeichenfolgen

Bei der Arbeit mit komplexen Objekten kann der Zugriff auf tief verschachtelte Eigenschaften ein umständlicher Prozess sein. Die Standard-JavaScript-Syntax erfordert eine manuelle Navigation durch die Eigenschaftenhierarchie, was mühsam und fehleranfällig sein kann. Dieses Problem hat die Suche nach alternativen Ansätzen zur Vereinfachung dieser Aufgabe ausgelöst.

Eine gefragte Lösung ist die Möglichkeit, mithilfe einer Punktnotationszeichenfolge auf verschachtelte Eigenschaften zuzugreifen. Diese Funktion wird jedoch in JavaScript nicht nativ unterstützt. Hier ist eine einfache Funktion, die diese Funktionalität ermöglicht:

function getDescendantProp(obj, desc) {
    var arr = desc.split(".");
    while (arr.length && (obj = obj[arr.shift()]));
    return obj;
}
Nach dem Login kopieren

Mit dieser Funktion können Sie mithilfe einer Zeichenfolge auf tief verschachtelte Eigenschaften zugreifen:

var r = { a: 1, b: { b1: 11, b2: 99 } };
console.log(getDescendantProp(r, "b.b2")); // 99
Nach dem Login kopieren

Beachten Sie, dass dieser Ansatz auch verwendet werden kann um auf Array-Elemente zuzugreifen, indem Sie ihre numerischen Indizes als Teil der Punktnotationszeichenfolge angeben:

getDescendantProp({ a: [1, 2, 3] }, 'a.2'); // 3
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie kann ich mithilfe von Punktnotationszeichenfolgen auf verschachtelte JavaScript-Objekteigenschaften zugreifen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage