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: Iteration mit for...of
Aufgabe
Du hast ein Array von Objekten. Jedes Objekt repräsentiert die Informationen eines Freundes. Die Aufgabe besteht darin, eine for...of
Schleife zu erstellen, um durch das Array zu iterieren und jedem Objekt eine weitere Eigenschaft hinzuzufügen, die sein sollte: online: false
.
- Verwende eine
for...of
Schleife, um durch dasfriends
Array zu iterieren. - Innerhalb der
for...of
Schleife, verwende die Punktnotation, um die Eigenschaft hinzuzufügen.
const friends = [ { name: "Gail Russel", address: "803 Kozey Rapid", phone: "(317) 833-9935 41777", }, { name: "Mrs. Laurie Wunsch", address: "7361 Austin Road", phone: "(728) 884-9049 4760", }, ]; // Use a `for...of` loop for (const friend of ___) { friend.___ = ___; } // Logging specific properties after modifications for (const friend of friends) { console.log( `Friend name is ${friend.name}, ${friend.online ? "online" : "offline"}` ); }
Erwartete Ausgabe:
- Um eine
for...of
Schleife zu erstellen, verwenden Sie die folgende Syntax:for (const element of array) { ... }
. - Verwenden Sie die Punktnotation (
.
), um eine Eigenschaft (online
) hinzuzufügen und weisen Sie ihr den Wertfalse
zu.
const friends = [ { name: "Gail Russel", address: "803 Kozey Rapid", phone: "(317) 833-9935 41777", }, { name: "Mrs. Laurie Wunsch", address: "7361 Austin Road", phone: "(728) 884-9049 4760", }, ]; // Use a `for...of` loop for (const friend of friends) { friend.online = false; } // Logging specific properties after modifications for (const friend of friends) { console.log( `Friend name is ${friend.name}, ${friend.online ? "online" : "offline"}` ); }
War alles klar?
Danke für Ihr Feedback!
Abschnitt 4. Kapitel 8