Arbeiten mit Properties
Lassen Sie uns drei wichtige Konzepte im Zusammenhang mit der Arbeit mit Objekteigenschaften untersuchen:
- Ändern von Eigenschaftswerten;
- Hinzufügen neuer Eigenschaften;
- Verwenden von Kurzschreibweise für Eigenschaften.
Ändern von Eigenschaftswerten
Nach der Erstellung eines Objekts können Sie die Werte seiner Eigenschaften leicht ändern. Dazu beziehen wir uns einfach auf die Eigenschaft mit ihrem Namen, verwenden die Punktnotation und weisen einen neuen Wert zu.
Betrachten wir ein Beispiel mit einem Unternehmensobjekt:
const company = { title: "Toyota", nativeName: "トヨタ自動車株式会社", industry: "Pharmacy", founded: { year: 1996, month: "August", day: 28, }, }; company.industry = "Automotive"; company.founded.year = 1937; console.log(company.industry); // Output: Automotive console.log(company.founded.year); // Output: 1937
In diesem Beispiel ändern wir die Werte der Eigenschaften industry und founded.year.
Hinzufügen neuer Eigenschaften
Das Hinzufügen einer neuen Eigenschaft zu einem Objekt unterscheidet sich nicht vom Ändern des Wertes einer vorhandenen Eigenschaft. Wenn eine Eigenschaft mit einem angegebenen Namen im Objekt noch nicht existiert, wird sie erstellt.
Betrachten Sie das company-Objekt aus dem vorherigen Beispiel:
const company = { title: "Toyota", nativeName: "トヨタ自動車株式会社", industry: "Automotive", founded: { year: 1937, month: "August", day: 28, }, }; company.founder = "Kiichiro Toyoda"; console.log(company.founder); // Output: Kiichiro Toyoda
In diesem Beispiel fügen wir die neue Eigenschaft founder zum company-Objekt hinzu.
Verwendung von Kurzschreibweise für Eigenschaften
Kurzschreibweisen vereinfachen den Prozess der Objekterstellung, insbesondere wenn Sie Variablen- oder Funktionsparameterwerte als Eigenschaftswerte verwenden möchten.
Diese Syntax ermöglicht es uns, den Variablennamen als Eigenschaftsnamen und seinen Wert als Eigenschaftswert zu verwenden.
Betrachten Sie das folgende Beispiel:
const name = "Carl Benz"; const birthCountry = "Germany"; const person = { name: name, birthCountry: birthCountry, }; console.log(person.name); // Output: Carl Benz console.log(person.birthCountry); // Output: Germany
Mit verkürzten Eigenschaften kann dasselbe Objekt prägnanter erstellt werden:
const name = "Carl Benz"; const birthCountry = "Germany"; const person = { name, birthCountry, }; console.log(person.name); // Output: Carl Benz console.log(person.birthCountry); // Output: Germany
Mit Kurzschreibweise für Eigenschaften müssen wir nur den Eigenschaftsnamen angeben, und der Wert wird automatisch aus einer Variablen mit demselben Namen übernommen.
1. Nachdem ein Objekt erstellt wurde, wie können wir die Werte seiner Eigenschaften ändern?
2. Was passiert, wenn Sie versuchen, den Wert einer Eigenschaft zu ändern, die in einem Objekt nicht existiert, indem Sie die Punktnotation verwenden?
3. Welches der folgenden Beispiele zeigt die Verwendung von Kurzschreibweise für die Objekterstellung?
4. Wie können Sie die Variable city als Eigenschaft von userLocation mit Kurzschreibweise einfügen?
Danke für Ihr Feedback!
