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: Entdecken von Vorgestellten Produkten
Aufgabe
- Das ursprüngliche Array wird als
products
angegeben und enthält Objekte, die Produkte mit den Eigenschaftenname
,price
undfeatured
darstellen. - Verwenden Sie die Methode
find()
, um das erste Produkt im Array zu finden, bei dem die Eigenschaftfeatured
auftrue
gesetzt ist. - Wenn ein hervorgehobenes Produkt gefunden wird, protokollieren Sie dessen Namen und Preis; andernfalls protokollieren Sie eine Nachricht, die darauf hinweist, dass kein hervorgehobenes Produkt gefunden wurde.
const products = [ { name: "Laptop", price: 1200, featured: false }, { name: "Headphones", price: 150, featured: true }, { name: "Smartphone", price: 800, featured: false }, { name: "Camera", price: 1000, featured: true }, ]; const featuredProduct = ___.___((product) => ___ === true); if (featuredProduct) { console.log( `Featured product: ${___}, Price: $${featuredProduct.___}` ); } else { console.log(___); }
Erwartete Ausgabe:
- Verwenden Sie die Methode
find()
auf dem Arrayproducts
und geben Sie eine Callback-Funktion an, die überprüft, ob die Eigenschaftfeatured
des Produktobjektstrue
ist. - Wenn ein hervorgehobenes Produkt gefunden wird, protokollieren Sie dessen Namen und Preis; andernfalls protokollieren Sie eine Nachricht, die angibt, dass kein hervorgehobenes Produkt gefunden wurde.
const products = [ { name: "Laptop", price: 1200, featured: false }, { name: "Headphones", price: 150, featured: true }, { name: "Smartphone", price: 800, featured: false }, { name: "Camera", price: 1000, featured: true }, ]; const featuredProduct = products.find((product) => product.featured === true); if (featuredProduct) { console.log( `Featured product: ${featuredProduct.name}, Price: $${featuredProduct.price}` ); } else { console.log("No featured product found."); }
War alles klar?
Danke für Ihr Feedback!
Abschnitt 5. Kapitel 6