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: Ein Objekt Erstellen
Aufgabe
Erstellen Sie ein JavaScript-Objekt namens informationCard
, das grundlegende persönliche Informationen darstellt. In diesem Objekt sollte ein verschachteltes Objekt mit Kontaktdaten enthalten sein, wie z.B. eine Wohnadresse und Telefonnummer. Das Objekt sollte die folgende Struktur haben:
Informationskarte (äußeres Objekt):
- Vorname (z.B.
"Alice"
); - Nachname (z.B.
"Smith"
); - Alter (z.B.
25
); - Kontaktdaten (verschachteltes Objekt).
Kontaktdaten (verschachteltes Objekt):
- Wohnadresse (z.B.
"123 Main St, Apt 4B"
); - Telefonnummer (z.B.
"555-123-4567"
).
Hinweis
In dieser Herausforderung wird nach dem Klicken auf 'Code ausführen' nichts in der Konsole ausgegeben, da wir nichts
console.log()
.
const informationCard = { firstName: ___, lastName: ___, ___: ___, contactDetails: { homeAddress: ___, ___: ___, }, };
- Verwenden Sie ein Objektliteral, um das äußere Objekt zu definieren.
- Erstellen Sie innerhalb des äußeren Objekts eine Eigenschaft namens
contactDetails
und weisen Sie ihr ein verschachteltes Objekt zu. - Fügen Sie im verschachtelten Objekt die erforderlichen Eigenschaften hinzu.
- Sie können beliebige Daten einfügen.
const informationCard = { firstName: "Alice", lastName: "Smith", age: 25, contactDetails: { homeAddress: "123 Main St, Apt 4B", phoneNumber: "555-123-4567", }, };
War alles klar?
Danke für Ihr Feedback!
Abschnitt 2. Kapitel 4