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: Objekte Zusammenführen und Eigenschaften Hinzufügen
Aufgabe
Erstellen Sie ein Skript, das die folgenden Aufgaben ausführt:
- Zusammenführen der Eigenschaften von zwei Objekten,
personInfo
undjobInfo
, und Speichern in einem neuen Objekt namensfullInfo
. - Hinzufügen einer neuen Eigenschaft zum
fullInfo
-Objekt namensisRetired
mit dem Wertfalse
. - Verwenden Sie eine
for...in
Schleife, um durchfullInfo
zu iterieren, und protokollieren Sie jede Eigenschaft und ihren entsprechenden Wert im Format:[property]: [value]
.
const personInfo = { name: "Ferry", age: 62, city: "Caracas", }; const jobInfo = { experience: 7, occupation: "Speech-Language Pathologist", }; // Task 1: merge two objects const fullInfo = { ...___, ___, ___: ___, // Task 2: add the property }; // Task 3: log each property and its value for (let key in ___) { console.log(`${___}:`, ___[key]); }
Erwartete Ausgabe:
- Verwenden Sie den Spread-Operator (
{ ... }
), um Eigenschaften vonpersonInfo
undjobInfo
infullInfo
zu kombinieren. - Fügen Sie nach dem Zusammenführen eine neue Eigenschaft zu
fullInfo
hinzu. - Iterieren Sie durch
fullInfo
mit einerfor...in
Schleife, um die Eigenschaften und ihre Werte zu protokollieren.
const personInfo = { name: "Ferry", age: 62, city: "Caracas", }; const jobInfo = { experience: 7, occupation: "Speech-Language Pathologist", }; const fullInfo = { ...personInfo, ...jobInfo, isRetired: false, }; for (let key in fullInfo) { console.log(`${key}:`, fullInfo[key]); }
War alles klar?
Danke für Ihr Feedback!
Abschnitt 3. Kapitel 6