Kursinhalt
JavaScript-Datenstrukturen
JavaScript-Datenstrukturen
1. Einführung und Voraussetzungen
2. Objektgrundlagen
Verständnis von ObjectsObjekterstellungVerschachtelte EigenschaftenHerausforderung: Ein Objekt ErstellenZugriff auf ObjekteigenschaftenHerausforderung: Zugriff auf ObjekteigenschaftenArbeiten mit PropertiesHerausforderung: Objekt Modifizieren und ErweiternObjektmethodenEigenschaften in MethodenHerausforderung: Arbeiten mit Objekt-MethodenObjektgrundlagen Zusammenfassen
3. Fortgeschrittene Objektmanipulation
Objektiteration mit for...in-SchleifeHerausforderung: Objekt Property ExplorerMethode hasOwnProperty()Herausforderung: hasOwnProperty() für die Iteration von ObjekteigenschaftenSpread-OperatorHerausforderung: Objekte Zusammenführen und Eigenschaften HinzufügenObjektdestrukturierungHerausforderung: DestructuringZusammenfassung der Fortgeschrittenen Objektmanipulation
5. Fortgeschrittene Array-Operationen
Map() MethodeHerausforderung: Array-Element-TransformationFilter() MethodeHerausforderung: Filtern von Students Nach PrüfungsergebnissenFind() MethodeHerausforderung: Entdecken von Vorgestellten ProduktenSort()-MethodeHerausforderung: Sortieren und Extrahieren von PropertiesZusammenfassung der Fortgeschrittenen Array-OperationenKurszusammenfassung
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üsselwortthis
, um auf denbasePrice
des Autos zuzugreifen. - Verwenden Sie das Schlüsselwort
this
, um auf die Optionen (leatherSeats
,sunroof
undnavigationSystem
) aus demoptions
-Objekt zuzugreifen. - Berechnen Sie den Gesamtpreis, indem Sie den Basispreis und die Summe aller Optionen addieren.
- Protokollieren Sie den Gesamtpreis als Ergebnis der Methode.
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:
- 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
).
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