Ein Objekt speichert zusammengehörige Werte unter Namen (Schlüssel → Wert). Es ist die wichtigste Datenstruktur in JavaScript.
Ergebnis
Mia 17 Köln Rad Ich bin Mia
Lesen, ändern, hinzufügen, löschen
Ergebnis
{ marke: 'Audi', baujahr: 2020, typ: 'Kombi' }
true undefined false
true trueKurzschreibweisen
Ergebnis
{ x: 1, y: 2 } { farbe: 'rot', farbeCode: '#f00' }Schlüssel, Werte, Einträge
Ergebnis
[ 'apfel', 'birne', 'kiwi' ]
[ 1.2, 1.5, 0.8 ]
[ [ 'apfel', 1.2 ], [ 'birne', 1.5 ], [ 'kiwi', 0.8 ] ]
apfel 1.2
birne 1.5
kiwi 0.8
{ apfel: 2.4, birne: 3, kiwi: 1.6 }Kopieren und Zusammenführen
Ergebnis
5 2
{ a: 1, b: 3, c: 4 }
{ a: 1, b: 2 }Spread kopiert nur die erste Ebene. Verschachtelte Objekte werden geteilt (flach.y ist dasselbe Objekt wie a.y).
Einfrieren
Ergebnis
TypeError 8080 true
Methoden und this
In Methoden verweist this auf das Objekt, auf dem sie aufgerufen werden:
Ergebnis
2 3
Getter und Setter
Ergebnis
12.57 5
Merke
- Objekte speichern Schlüssel-Wert-Paare; Zugriff mit
.nameoder["name"] Object.keys/values/entries/fromEntrieswandeln zwischen Objekt und Array- Spread
{ ...a }kopiert flach,structuredClonetief Object.freezemacht ein Objekt unveränderlich- In Methoden zeigt
thisauf das Objekt;bindfixiert es
Aufgabe
Lege ein Objekt für ein Buch (Titel, Autor, Jahr) an, füge eine Methode beschreibung() hinzu und gib alle Schlüssel und Werte aus.