Zugriff auf Objekteigenschaften in JavaScript
Wir untersuchen zwei Methoden zum Zugriff auf Objekteigenschaften: Punktnotation und eckige Klammern. Diese Methoden ermöglichen das Abrufen bestimmter Werte aus Objekten. Es werden Anwendungsfälle erläutert, in denen jede Methode üblicherweise verwendet wird.
Punktnotation zum Zugriff auf Eigenschaften
Die primäre und am häufigsten verwendete Methode zum Zugriff auf Objekteigenschaften ist die Punktnotation. Bei diesem Ansatz wird auf eine Eigenschaft zugegriffen, indem der Objektname gefolgt von einem Punkt und dem Eigenschaftsnamen angegeben wird.
Im folgenden Beispiel wird ein Objekt zur Darstellung eines Mitarbeiters verwendet und auf dessen Eigenschaften mit Punktnotation zugegriffen:
1234567891011const 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 versucht wird, auf eine nicht vorhandene Eigenschaft zuzugreifen, gibt JavaScript
undefinedzurück;
undefinedwird beim Ausführen des Codes nicht ausgegeben.
Zugriff auf Eigenschaften mit eckigen Klammern
Die zweite Methode zum Zugriff auf Objekteigenschaften erfolgt über eckige Klammern. Bei dieser Syntax wird der Objektname angegeben, gefolgt von eckigen Klammern mit dem Eigenschaftsnamen als Zeichenkette darin.
Dieser Ansatz wird seltener als die Punktnotation verwendet, ist jedoch unerlässlich, wenn der Eigenschaftsname nicht im Voraus bekannt ist oder in einer Variablen gespeichert wird, beispielsweise als Funktionsparameter.
Hier ein Beispiel mit demselben employee-Objekt:
1234567891011const 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 verwendet den Eigenschaftsnamen als Zeichenkette in eckigen Klammern. Sie ermöglicht einen dynamischen Zugriff auf Eigenschaften, was bei komplexeren Datenstrukturen hilfreich sein kann.
Zugriff auf verschachtelte Eigenschaften
Untersuchung des Zugriffs auf verschachtelte Eigenschaften mit Punktnotation anhand des folgenden Beispiels.
Mit der Punktnotation wird der Pfad zur gewünschten Eigenschaft durch Punkte getrennt angegeben. Im folgenden Beispiel wird ein course-Objekt betrachtet:
1234567891011121314151617const 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 werden Eigenschaften auf verschiedenen Ebenen der Verschachtelung innerhalb des Produktobjekts abgerufen.
1. Welche Methoden gibt es, um auf Objekteigenschaften zuzugreifen?
2. Was wird zurückgegeben, wenn Sie mit der Punktnotation auf eine Eigenschaft eines Objekts zugreifen, die nicht existiert?
3. Betrachten Sie das folgende komplexe Objekt, das die Kontaktinformationen einer Person darstellt. Wie können Sie die Postleitzahl aus dem Objekt person abrufen? Wählen Sie alle möglichen Optionen aus.
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Can you explain when to use dot notation versus square brackets?
What happens if I try to access a deeply nested property that doesn't exist?
Can you show more examples of dynamic property access with variables?
Awesome!
Completion rate improved to 2.27Zugriff auf Objekteigenschaften in JavaScript
Swipe um das Menü anzuzeigen
Wir untersuchen zwei Methoden zum Zugriff auf Objekteigenschaften: Punktnotation und eckige Klammern. Diese Methoden ermöglichen das Abrufen bestimmter Werte aus Objekten. Es werden Anwendungsfälle erläutert, in denen jede Methode üblicherweise verwendet wird.
Punktnotation zum Zugriff auf Eigenschaften
Die primäre und am häufigsten verwendete Methode zum Zugriff auf Objekteigenschaften ist die Punktnotation. Bei diesem Ansatz wird auf eine Eigenschaft zugegriffen, indem der Objektname gefolgt von einem Punkt und dem Eigenschaftsnamen angegeben wird.
Im folgenden Beispiel wird ein Objekt zur Darstellung eines Mitarbeiters verwendet und auf dessen Eigenschaften mit Punktnotation zugegriffen:
1234567891011const 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 versucht wird, auf eine nicht vorhandene Eigenschaft zuzugreifen, gibt JavaScript
undefinedzurück;
undefinedwird beim Ausführen des Codes nicht ausgegeben.
Zugriff auf Eigenschaften mit eckigen Klammern
Die zweite Methode zum Zugriff auf Objekteigenschaften erfolgt über eckige Klammern. Bei dieser Syntax wird der Objektname angegeben, gefolgt von eckigen Klammern mit dem Eigenschaftsnamen als Zeichenkette darin.
Dieser Ansatz wird seltener als die Punktnotation verwendet, ist jedoch unerlässlich, wenn der Eigenschaftsname nicht im Voraus bekannt ist oder in einer Variablen gespeichert wird, beispielsweise als Funktionsparameter.
Hier ein Beispiel mit demselben employee-Objekt:
1234567891011const 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 verwendet den Eigenschaftsnamen als Zeichenkette in eckigen Klammern. Sie ermöglicht einen dynamischen Zugriff auf Eigenschaften, was bei komplexeren Datenstrukturen hilfreich sein kann.
Zugriff auf verschachtelte Eigenschaften
Untersuchung des Zugriffs auf verschachtelte Eigenschaften mit Punktnotation anhand des folgenden Beispiels.
Mit der Punktnotation wird der Pfad zur gewünschten Eigenschaft durch Punkte getrennt angegeben. Im folgenden Beispiel wird ein course-Objekt betrachtet:
1234567891011121314151617const 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 werden Eigenschaften auf verschiedenen Ebenen der Verschachtelung innerhalb des Produktobjekts abgerufen.
1. Welche Methoden gibt es, um auf Objekteigenschaften zuzugreifen?
2. Was wird zurückgegeben, wenn Sie mit der Punktnotation auf eine Eigenschaft eines Objekts zugreifen, die nicht existiert?
3. Betrachten Sie das folgende komplexe Objekt, das die Kontaktinformationen einer Person darstellt. Wie können Sie die Postleitzahl aus dem Objekt person abrufen? Wählen Sie alle möglichen Optionen aus.
Danke für Ihr Feedback!
