Kursinhalt
JavaScript-Datenstrukturen
JavaScript-Datenstrukturen
Zugriff auf Objekteigenschaften
Wir werden zwei Methoden zur Zugriff auf Objekteigenschaften erkunden: Punktnotation und eckige Klammern. Diese Methoden ermöglichen es Ihnen, spezifische Werte aus Objekten abzurufen, und wir werden Szenarien besprechen, in denen jede Methode häufig verwendet wird.
Punktnotation zum Zugriff auf Eigenschaften
Die primäre und am häufigsten verwendete Methode zum Zugriff auf Objekteigenschaften ist die Punktnotation. Mit diesem Ansatz greifen wir auf eine Eigenschaft zu, indem wir den Namen des Objekts gefolgt von einem Punkt und dem Eigenschaftsnamen angeben.
Betrachten wir ein Beispiel, bei dem wir ein Objekt verwenden, um einen Mitarbeiter darzustellen und auf dessen Eigenschaften mit Punktnotation zuzugreifen:
const employee = { companyName: "Schuster, Mertz and Marks", name: "Miss Alma Boyer", address: "2277 Karine Plains", workedYears: 4, remote: false, }; console.log(employee.name); // Output: Miss Alma Boyer console.log(employee.address); // Output: 2277 Karine Plains console.log(employee.lastName); // Output: undefined
Hinweis
Wenn Sie versuchen, auf eine nicht vorhandene Eigenschaft zuzugreifen, gibt JavaScript
undefined
zurück;
undefined
wird nicht ausgegeben, wenn Sie den Code ausführen.
Zugriff auf Eigenschaften durch eckige Klammern
Die zweite Methode zum Zugriff auf Objekteigenschaften erfolgt durch eckige Klammern. Diese Syntax beinhaltet die Angabe des Objektnamens, gefolgt von eckigen Klammern mit dem Eigenschaftsnamen als String darin.
Dieser Ansatz wird seltener als die Punktnotation verwendet, ist jedoch in Fällen unerlässlich, in denen der Eigenschaftsname im Voraus nicht bekannt ist oder in einer Variablen gespeichert ist, wie z.B. einem Funktionsparameter.
Hier ist ein Beispiel mit demselben employee
-Objekt:
const employee = { companyName: "Schuster, Mertz and Marks", name: "Miss Alma Boyer", address: "2277 Karine Plains", workedYears: 4, remote: false, }; console.log(employee["name"]); // Output: Miss Alma Boyer console.log(employee["address"]); // Output: 2277 Karine Plains console.log(employee["lastName"]); // Output: undefined
Diese Methode stellt den Eigenschaftsnamen als Zeichenkette in eckigen Klammern bereit. Sie ermöglicht einen dynamischen Zugriff auf Eigenschaften, was bei der Arbeit mit komplexeren Daten hilfreich sein kann.
Zugriff auf verschachtelte Eigenschaften
Lassen Sie uns erkunden, wie man mit Punktnotation auf verschachtelte Eigenschaften zugreift, anhand des folgenden Beispiels.
Mit der Punktnotation geben wir den Pfad zur gewünschten Eigenschaft an, getrennt durch Punkte. Betrachten wir ein Beispiel mit einem Kursobjekt:
const course = { courseName: "Applied Science", courseDuration: "48 hours", author: { position: "Nuclear Physicist", age: 43, name: { first: "Mattie", last: "Crooks", }, }, }; console.log(course.author.position); // Output: Nuclear Physicist console.log(course.author.age); // Output: 43 console.log(course.author.name.first); // Output: Mattie console.log(course.author.name.last); // Output: Crooks
In diesem Beispiel greifen wir auf Eigenschaften auf verschiedenen Verschachtelungsebenen innerhalb des Produktobjekts zu.
1. Was sind die Methoden zum Zugriff auf Objekteigenschaften?
2. Was wird zurückgegeben, wenn Sie Punktnotation verwenden, um auf Objekteigenschaften zuzugreifen, und versuchen, auf eine nicht vorhandene Eigenschaft zuzugreifen?
3. Betrachten Sie das folgende komplexe Objekt, das die Kontaktinformationen einer Person darstellt. Wie könnten Sie die Postleitzahl aus dem person
-Objekt abrufen? Wählen Sie alle möglichen Optionen aus.
Danke für Ihr Feedback!