JavaScript Objekte

Properties, Methods, nested Objects, Destructuring und strukturierte Webdaten. Diese Seite ist als Lernunterlage, Nachschlagewerk und Prüfungsvorbereitung für die CAP-Ausbildung gedacht.

Lernziele

• Objekte für strukturierte Daten verwenden
• Properties und Methods unterscheiden
• Destructuring lesen und schreiben

Erklärung

Objekte speichern zusammengehörige Daten als Schlüssel-Wert-Paare. Methoden sind Funktionen auf einem Objekt. Verschachtelte Objekte bilden realistische Datenstrukturen ab, etwa Profile, Produkte oder API-Antworten.

Destructuring holt einzelne Eigenschaften kompakt aus einem Objekt.

Beispiele

const user = {
  name: "Sara",
  role: "Studentin",
  contact: {
    email: "[email protected]",
  },
  greet() {
    return `Hallo ${this.name}`;
  },
};

Das Objekt kombiniert einfache Werte, ein verschachteltes Objekt und eine Methode.

const { name, role } = user;
console.log(`${name}: ${role}`);

Destructuring macht häufig genutzte Properties direkt verfügbar.

Typische Fehler

• Daten ohne Struktur in vielen einzelnen Variablen speichern.
• this in Arrow Functions als Objektmethode falsch erwarten.
• Verschachtelung zu tief und unübersichtlich machen.

Best Practices

• Gruppiere fachlich zusammengehörige Daten.
• Halte Objektstrukturen so flach wie sinnvoll.
• Prüfe externe Daten, bevor du tief verschachtelte Properties liest.

Kleine Übung

Modelliere eine Projektkarte als Objekt mit Titel, Beschreibung, Tags, Status und Link. Gib daraus einen kurzen Text aus.

Zusammenfassung

JavaScript ergänzt Webseiten um Verhalten. Robuster Code arbeitet mit klaren Daten, kleinen Funktionen, sicheren DOM-Operationen, guter Fehlerbehandlung und nachvollziehbarer Struktur.

Weiterführende Seiten

• Vorherige Seite: JavaScript Arrays
• Nächste Seite: JavaScript DOM Grundlagen
• Zur Übersicht
• Arrays
• DOM Grundlagen