Lernen Verwalten von Objekteigenschaften | Grundlagen von JavaScript-Objekten

Untersuchen wir drei wichtige Konzepte im Zusammenhang mit der Arbeit mit Objekteigenschaften:

Eigenschaftswerte ändern;
Neue Eigenschaften hinzufügen;
Verwendung von Kurzschreibweise für Eigenschaften.

Ändern von Eigenschaftswerten

Nachdem ein Objekt erstellt wurde, können dessen Eigenschaften einfach aktualisiert werden. Um einen Wert zu ändern, verwenden Sie die Punktnotation und weisen Sie der gewünschten Eigenschaft einen neuen Wert zu.


              12345678910111213141516
            
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 Eigenschaft unterscheidet sich nicht vom Ändern einer bestehenden. Wenn der Eigenschaftsname nicht existiert, erstellt JavaScript ihn automatisch.


              1234567891011121314
            
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 dem Objekt founder die neue Eigenschaft company hinzu.

Verwendung von Kurzschreibweisen

Kurzschreibweisen ermöglichen eine prägnantere Erstellung von Objekten. Wenn Eigenschaftsname und Variablenname identisch sind, erlaubt JavaScript das Weglassen der Wiederholung.


              12345678910
            
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

Durch die Verwendung von Kurzschreibweise können Objekte auf eine prägnantere Weise erstellt werden:


              12345678910
            
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 der Kurzschreibweise muss nur der Eigenschaftsname angegeben werden; der Wert wird automatisch aus einer Variablen mit demselben Namen übernommen.

War alles klar?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 7

Fragen Sie AI

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Suggested prompts:

Can you explain more about shorthand properties and when to use them?

What happens if I try to modify a property that doesn't exist yet?

Can you show more examples of adding or modifying nested properties?

Swipe um das Menü anzuzeigen

Untersuchen wir drei wichtige Konzepte im Zusammenhang mit der Arbeit mit Objekteigenschaften:

Eigenschaftswerte ändern;
Neue Eigenschaften hinzufügen;
Verwendung von Kurzschreibweise für Eigenschaften.

Ändern von Eigenschaftswerten


              12345678910111213141516
            
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 Eigenschaft unterscheidet sich nicht vom Ändern einer bestehenden. Wenn der Eigenschaftsname nicht existiert, erstellt JavaScript ihn automatisch.


              1234567891011121314
            
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 dem Objekt founder die neue Eigenschaft company hinzu.

Verwendung von Kurzschreibweisen

Kurzschreibweisen ermöglichen eine prägnantere Erstellung von Objekten. Wenn Eigenschaftsname und Variablenname identisch sind, erlaubt JavaScript das Weglassen der Wiederholung.


              12345678910
            
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

Durch die Verwendung von Kurzschreibweise können Objekte auf eine prägnantere Weise erstellt werden:


              12345678910
            
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 der Kurzschreibweise muss nur der Eigenschaftsname angegeben werden; der Wert wird automatisch aus einer Variablen mit demselben Namen übernommen.

War alles klar?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 7

Verwalten von Objekteigenschaften

Ändern von Eigenschaftswerten

Hinzufügen neuer Eigenschaften

Verwendung von Kurzschreibweisen

1. Nachdem ein Objekt erstellt wurde, wie können die Werte seiner Eigenschaften geändert werden?

2. Was passiert, wenn versucht wird, den Wert einer Eigenschaft zu ändern, die in einem Objekt nicht existiert, indem Punktnotation verwendet wird?

3. Welches der folgenden Beispiele zeigt die Verwendung von Kurzschreibweise für die Objekterstellung?

4. Wie kann die Variable `city` mithilfe von Kurzschreibweise als Eigenschaft zu `userLocation` hinzugefügt werden?

Verwalten von Objekteigenschaften

Ändern von Eigenschaftswerten

Hinzufügen neuer Eigenschaften

Verwendung von Kurzschreibweisen

1. Nachdem ein Objekt erstellt wurde, wie können die Werte seiner Eigenschaften geändert werden?

2. Was passiert, wenn versucht wird, den Wert einer Eigenschaft zu ändern, die in einem Objekt nicht existiert, indem Punktnotation verwendet wird?

3. Welches der folgenden Beispiele zeigt die Verwendung von Kurzschreibweise für die Objekterstellung?

4. Wie kann die Variable `city` mithilfe von Kurzschreibweise als Eigenschaft zu `userLocation` hinzugefügt werden?

Verwalten von Objekteigenschaften

Ändern von Eigenschaftswerten

Hinzufügen neuer Eigenschaften

Verwendung von Kurzschreibweisen

1. Nachdem ein Objekt erstellt wurde, wie können die Werte seiner Eigenschaften geändert werden?

2. Was passiert, wenn versucht wird, den Wert einer Eigenschaft zu ändern, die in einem Objekt nicht existiert, indem Punktnotation verwendet wird?

3. Welches der folgenden Beispiele zeigt die Verwendung von Kurzschreibweise für die Objekterstellung?

4. Wie kann die Variable city mithilfe von Kurzschreibweise als Eigenschaft zu userLocation hinzugefügt werden?

Verwalten von Objekteigenschaften

Ändern von Eigenschaftswerten

Hinzufügen neuer Eigenschaften

Verwendung von Kurzschreibweisen

1. Nachdem ein Objekt erstellt wurde, wie können die Werte seiner Eigenschaften geändert werden?

2. Was passiert, wenn versucht wird, den Wert einer Eigenschaft zu ändern, die in einem Objekt nicht existiert, indem Punktnotation verwendet wird?

3. Welches der folgenden Beispiele zeigt die Verwendung von Kurzschreibweise für die Objekterstellung?

4. Wie kann die Variable city mithilfe von Kurzschreibweise als Eigenschaft zu userLocation hinzugefügt werden?

4. Wie kann die Variable `city` mithilfe von Kurzschreibweise als Eigenschaft zu `userLocation` hinzugefügt werden?

4. Wie kann die Variable `city` mithilfe von Kurzschreibweise als Eigenschaft zu `userLocation` hinzugefügt werden?