Kursinhalt

JavaScript-Datenstrukturen

1. Einführung und Voraussetzungen

Einführung in den Kurs Voraussetzungen für den Kurs Was Behandelt Wird Tipps für den Erfolg

2. Objektgrundlagen

Verständnis von Objects Objekterstellung Verschachtelte Eigenschaften Herausforderung: Ein Objekt Erstellen Zugriff auf Objekteigenschaften Herausforderung: Zugriff auf Objekteigenschaften Arbeiten mit Properties Herausforderung: Objekt Modifizieren und Erweitern Objektmethoden Eigenschaften in Methoden Herausforderung: Arbeiten mit Objekt-Methoden Objektgrundlagen Zusammenfassen

3. Fortgeschrittene Objektmanipulation

Objektiteration mit for...in-Schleife Herausforderung: Objekt Property Explorer Methode hasOwnProperty()Herausforderung: hasOwnProperty() für die Iteration von Objekteigenschaften Spread-Operator Herausforderung: Objekte Zusammenführen und Eigenschaften Hinzufügen Objektdestrukturierung Herausforderung: Destructuring Zusammenfassung der Fortgeschrittenen Objektmanipulation

4. Mastering Arrays

Arrays Verstehen Herausforderung: Array-Element Accessor Arbeiten mit Array-Elementen Herausforderung: Array-Element-Modifikator For-Schleife Herausforderung: Iteration Über Array-Elemente For...of-Schleife Herausforderung: Iteration mit for...of Zusammenfassung der Arrays Meistern

5. Fortgeschrittene Array-Operationen

Map() Methode Herausforderung: Array-Element-Transformation Filter() Methode Herausforderung: Filtern von Students Nach Prüfungsergebnissen Find() Methode Herausforderung: Entdecken von Vorgestellten Produkten Sort()-Methode Herausforderung: Sortieren und Extrahieren von Properties Zusammenfassung der Fortgeschrittenen Array-Operationen Kurszusammenfassung

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:


              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 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:


              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 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:


              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 verkürzten Eigenschaften 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 müssen wir nur den Eigenschaftsnamen angeben, und der Wert wird automatisch aus einer Variablen mit demselben Namen übernommen.

War alles klar?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 7

JavaScript-Datenstrukturen

Arbeiten mit Properties

Ändern von Eigenschaftswerten

Hinzufügen neuer Eigenschaften

Verwendung von Kurzschreibweise für Eigenschaften

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?

JavaScript-Datenstrukturen

Arbeiten mit Properties

Ändern von Eigenschaftswerten

Hinzufügen neuer Eigenschaften

Verwendung von Kurzschreibweise für Eigenschaften

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?

4. Wie können Sie die Variable `city` als Eigenschaft von `userLocation` mit Kurzschreibweise einfügen?