Zurück zu JavaScript

JavaScript

Objekte

Objekte modellieren Dinge mit Eigenschaften und Methoden: ein Nutzer, eine Lektion, ein Quiz-Ergebnis.

Eigenschaften

Objektliterale bündeln Schlüssel-Wert-Paare in geschweiften Klammern.

Zugriff mit Punkt (user.name) oder Klammern (user["name"]), wenn der Schlüssel dynamisch ist.

<object literal><dot notation>
Objekt
const user = {
  name: 'Ada',
  xp: 120,
  aktiv: true
};

user.name;    // 'Ada'
user.xp += 10;

Methoden und this

Funktionen als Eigenschaften heißen Methoden.

this verweist in einer Methode auf das Objekt selbst.

<method><this>
Methode
const user = {
  name: 'Ada',
  begrüßen() {
    return `Hallo, ich bin ${this.name}`;
  }
};

user.begrüßen();

Objekte durchlaufen

Object.keys liefert die Schlüssel, Object.values die Werte, Object.entries beides als Paare.

Damit lassen sich Objekte wie Listen verarbeiten.

<Object.keys()><Object.entries()>
entries
for (const [key, value] of Object.entries(user)) {
  console.log(`${key}: ${value}`);
}

Fortschritt

Markiere die Lektion als abgeschlossen, um XP und Streak zu erhalten.