JavaScript-Datenstrukturen

Kursinhalt

JavaScript-Datenstrukturen

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

Herausforderung: Arbeiten mit Objekt-Methoden

Aufgabe

Sie erhalten ein Objekt, das die Details eines Autos darstellt. Ihre Aufgabe ist es, eine Methode innerhalb des Objekts zu erstellen, die den Gesamtpreis des Autos berechnet. Die Gesamtkosten des Autos werden berechnet, indem der Basispreis und die Summe der zusätzlichen Optionen addiert werden.

Verwenden Sie innerhalb der Methode calculateTotalPrice das Schlüsselwort this , um auf den basePrice des Autos zuzugreifen.
Verwenden Sie das Schlüsselwort this , um auf die Optionen ( leatherSeats , sunroof und navigationSystem ) aus dem options -Objekt zuzugreifen.
Berechnen Sie den Gesamtpreis, indem Sie den Basispreis und die Summe aller Optionen addieren.
Protokollieren Sie den Gesamtpreis als Ergebnis der Methode.


              12345678910111213141516
            
const car = {
  make: "Ford",
  model: "F-150",
  basePrice: 72000,
  options: {
    leatherSeats: 2400,
    sunroof: 100,
    navigationSystem: 1650,
  },
  calculateTotalPrice() {
    const totalPrice = ___ ;
    console.log("Total price is", totalPrice);
  },
};

car.calculateTotalPrice();

Erwartete Ausgabe:

python

Verwenden Sie innerhalb der Methode this.basePrice , um auf den Basispreis zuzugreifen.
Verwenden Sie this.options , um auf das Optionsobjekt zuzugreifen.
Sie können die Punktnotation verwenden, um auf Eigenschaften der Optionen zuzugreifen (z.B. this.options.leatherSeats ).


              1234567891011121314151617181920
            
const car = {
  make: "Ford",
  model: "F-150",
  basePrice: 72000,
  options: {
    leatherSeats: 2400,
    sunroof: 100,
    navigationSystem: 1650,
  },
  calculateTotalPrice() {
    const totalPrice =
      this.basePrice +
      this.options.leatherSeats +
      this.options.sunroof +
      this.options.navigationSystem;
    console.log("Total price is", totalPrice);
  },
};

car.calculateTotalPrice();

War alles klar?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 11

Fragen Sie AI

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

Kursinhalt

JavaScript-Datenstrukturen

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

Herausforderung: Arbeiten mit Objekt-Methoden

Aufgabe

Sie erhalten ein Objekt, das die Details eines Autos darstellt. Ihre Aufgabe ist es, eine Methode innerhalb des Objekts zu erstellen, die den Gesamtpreis des Autos berechnet. Die Gesamtkosten des Autos werden berechnet, indem der Basispreis und die Summe der zusätzlichen Optionen addiert werden.

Verwenden Sie innerhalb der Methode calculateTotalPrice das Schlüsselwort this , um auf den basePrice des Autos zuzugreifen.
Verwenden Sie das Schlüsselwort this , um auf die Optionen ( leatherSeats , sunroof und navigationSystem ) aus dem options -Objekt zuzugreifen.
Berechnen Sie den Gesamtpreis, indem Sie den Basispreis und die Summe aller Optionen addieren.
Protokollieren Sie den Gesamtpreis als Ergebnis der Methode.


              12345678910111213141516
            
const car = {
  make: "Ford",
  model: "F-150",
  basePrice: 72000,
  options: {
    leatherSeats: 2400,
    sunroof: 100,
    navigationSystem: 1650,
  },
  calculateTotalPrice() {
    const totalPrice = ___ ;
    console.log("Total price is", totalPrice);
  },
};

car.calculateTotalPrice();

Erwartete Ausgabe:

python

Verwenden Sie innerhalb der Methode this.basePrice , um auf den Basispreis zuzugreifen.
Verwenden Sie this.options , um auf das Optionsobjekt zuzugreifen.
Sie können die Punktnotation verwenden, um auf Eigenschaften der Optionen zuzugreifen (z.B. this.options.leatherSeats ).


              1234567891011121314151617181920
            
const car = {
  make: "Ford",
  model: "F-150",
  basePrice: 72000,
  options: {
    leatherSeats: 2400,
    sunroof: 100,
    navigationSystem: 1650,
  },
  calculateTotalPrice() {
    const totalPrice =
      this.basePrice +
      this.options.leatherSeats +
      this.options.sunroof +
      this.options.navigationSystem;
    console.log("Total price is", totalPrice);
  },
};

car.calculateTotalPrice();

War alles klar?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 11

some-alt