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: ' | ||
| + | </ | ||
| + | |||