Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
modul:ffit:js:learningunits:lu01:arrays-und-objekte [2024/10/24 07:14] – kdemirci | modul:ffit:js:learningunits:lu01:arrays-und-objekte [2024/10/24 07:26] (aktuell) – kdemirci | ||
---|---|---|---|
Zeile 67: | Zeile 67: | ||
console.log(neuesArray); | console.log(neuesArray); | ||
</ | </ | ||
+ | |||
+ | ===== Objekte ===== | ||
+ | Ein Objekt in JavaScript ist eine Sammlung von Schlüssel-Wert-Paaren. Jeder Schlüssel (oder auch " | ||
+ | |||
+ | ==== Erstellen eines Objekts ==== | ||
+ | Ein Objekt kann durch eine einfache Notation mit geschweiften Klammern erstellt werden: | ||
+ | <code javascript> | ||
+ | const person = { | ||
+ | name: " | ||
+ | alter: 25, | ||
+ | beruf: " | ||
+ | }; | ||
+ | </ | ||
+ | In diesem Beispiel hat das Objekt person drei Eigenschaften: | ||
+ | |||
+ | ==== Zugriff auf Eigenschaften ==== | ||
+ | Du kannst auf die Eigenschaften eines Objekts entweder über den Punkt-Operator oder die eckigen Klammern zugreifen: | ||
+ | <code javascript> | ||
+ | console.log(person.name); | ||
+ | console.log(person[" | ||
+ | </ | ||
+ | |||
+ | ==== Methoden zum Hinzufügen oder Ändern von Werten in einem Objekt ==== | ||
+ | === Direkte Zuweisung === | ||
+ | Du kannst einem Objekt neue Eigenschaften hinzufügen oder bestehende Eigenschaften ändern, indem du einfach einen Wert zuweist. | ||
+ | <code javascript> | ||
+ | person.nationalitaet = " | ||
+ | console.log(person.nationalitaet); | ||
+ | </ | ||
+ | |||
+ | === Spread-Syntax für Objekte === | ||
+ | Ähnlich wie bei Arrays kannst du mit der Spread-Syntax ein Objekt duplizieren und neue Eigenschaften hinzufügen. | ||
+ | <code javascript> | ||
+ | const neuePerson = { ...person, geschlecht: " | ||
+ | console.log(neuePerson); | ||
+ | // { name: ' | ||
+ | </ | ||
+ | |||
+ | === Object.assign(): | ||
+ | Die Methode Object.assign() kopiert die Eigenschaften eines oder mehrerer Objekte in ein Zielobjekt. | ||
+ | <code javascript> | ||
+ | const weitereEigenschaften = { hobby: " | ||
+ | Object.assign(person, | ||
+ | console.log(person); | ||
+ | // { name: ' | ||
+ | </ | ||
+ |