Lernen Verwalten von Objekteigenschaften | Grundlagen von JavaScript-Objekten

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

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

Ändern von Eigenschaftswerten

Nach dem Erstellen eines Objekts können die Werte seiner Eigenschaften einfach geändert werden. Dazu wird die Eigenschaft mit Punktnotation angesprochen und ein neuer Wert zugewiesen.

Betrachten wir ein Beispiel mit einem Objekt company:


              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 werden die Werte der Eigenschaften industry und founded.year geändert.

Hinzufügen neuer Eigenschaften

Das Hinzufügen einer neuen Eigenschaft zu einem Objekt unterscheidet sich nicht vom Ändern des Werts einer bestehenden Eigenschaft. Wenn eine Eigenschaft mit dem angegebenen Namen im Objekt noch nicht existiert, wird sie erstellt.

Betrachten Sie das company-Objekt aus dem vorherigen Beispiel:


              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 wird die neue Eigenschaft founder zum Objekt company hinzugefügt.

Verwendung von Kurzschreibweisen

Kurzschreibweisen vereinfachen das Erstellen von Objekten, insbesondere wenn Variablen- oder Funktionsparameterwerte als Eigenschaftswerte verwendet werden sollen.

Mit dieser Syntax kann der Variablenname als Eigenschaftsname und dessen Wert als Eigenschaftswert genutzt werden.

Beispiel:


              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

Mit Kurzschreibweise kann dasselbe Objekt prägnanter 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 Kurzschreibweise für Eigenschaften muss nur der Eigenschaftsname angegeben werden, und 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 object properties?

Awesome!

Completion rate improved to 2.27

Swipe um das Menü anzuzeigen

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

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

Ändern von Eigenschaftswerten

Nach dem Erstellen eines Objekts können die Werte seiner Eigenschaften einfach geändert werden. Dazu wird die Eigenschaft mit Punktnotation angesprochen und ein neuer Wert zugewiesen.

Betrachten wir ein Beispiel mit einem Objekt company:


              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 werden die Werte der Eigenschaften industry und founded.year geändert.

Hinzufügen neuer Eigenschaften

Betrachten Sie das company-Objekt aus dem vorherigen Beispiel:


              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 wird die neue Eigenschaft founder zum Objekt company hinzugefügt.

Verwendung von Kurzschreibweisen

Kurzschreibweisen vereinfachen das Erstellen von Objekten, insbesondere wenn Variablen- oder Funktionsparameterwerte als Eigenschaftswerte verwendet werden sollen.

Mit dieser Syntax kann der Variablenname als Eigenschaftsname und dessen Wert als Eigenschaftswert genutzt werden.

Beispiel:


              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

Mit Kurzschreibweise kann dasselbe Objekt prägnanter 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 Kurzschreibweise für Eigenschaften muss nur der Eigenschaftsname angegeben werden, und 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. Wie können nach der Erstellung eines Objekts 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 die Punktnotation verwendet wird?

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

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

Awesome!

Verwalten von Objekteigenschaften

Ändern von Eigenschaftswerten

Hinzufügen neuer Eigenschaften

Verwendung von Kurzschreibweisen

1. Wie können nach der Erstellung eines Objekts 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 die Punktnotation verwendet wird?

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

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

Verwalten von Objekteigenschaften

Ändern von Eigenschaftswerten

Hinzufügen neuer Eigenschaften

Verwendung von Kurzschreibweisen

1. Wie können nach der Erstellung eines Objekts 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 die Punktnotation verwendet wird?

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

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

Awesome!

Verwalten von Objekteigenschaften

Ändern von Eigenschaftswerten

Hinzufügen neuer Eigenschaften

Verwendung von Kurzschreibweisen

1. Wie können nach der Erstellung eines Objekts 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 die Punktnotation verwendet wird?

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

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

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

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