LU07a - Objekte

Objekte sind das zentrale Werkzeug in JavaScript, um Daten zu strukturieren und Funktionen zu bündeln. Sobald es um irgendetwas Komplexeres geht als simple Zahlen oder Zeichenketten, wird das Thema Objekte unumgänglich.

Objekte sind Abbildung von realen Personen oder Gegenständen, allerdings abstrahiert auf die für das Programm relevanten Eigenschaften. Objekte bestehen aus eine Kombination aus

• Key (Schlüssel) – der Name
• Value (Wert) – kann alles sein: Zahl, String, Funktion, Array, wieder ein Objekt …

Objekte helfen, zusammengehörige Informationen sauber zu bündeln. Statt 10 lose Variablen separat behandeln zu müssen, wird alles einfach in Objekte reingepackt. Beispielsweise gehören ARRAYS zu den Objekten.

Es gibt einige Wege, um Objekte zu erstellen. Innerhalb des Moduls 288 werden wir uns mit dem Standardweg beschäftigen, dem sogenannten Object-Literal.

Beispiel: Das nachfolgende Objekt ist ein Tesla, Baujahr 22, und hat eine Methode, die „Wrrrumm!“ macht, wenn es fährt. Wir sehen also, dass dieses Objket auto, ähnlich dem realen Objekt, aus Eigenschaften (Marke, bauhjahr) und Fähigkeiten (fahren) besteht.

const auto = {
  marke: "Tesla",
  baujahr: 2022,
  fahren() {
    console.log("Wrrrumm!");
  }
};
console.log(auto.fahren());

• Sie strukturieren Daten (z. B. User, Produkt, Bestellung …)
• Sie erlauben Verhalten (Methoden)
• Sie bilden die Grundlage von Arrays, Funktionen, DOM-Elementen, Maps, Sets usw.
• JavaScript selbst basiert intern auf Objekten

Kurz: Man/Frau kommt nicht drum herum. Wirklich nicht!!

Es gibt zwei Moglichkeiten, um auf Objekte zuzugreifen.

• Punktnotation: Bsp.: auto.baujahr = 2020;
• Klammernotation: Besp.: auto['baujahr'] = 2020;

Objekte sind auch deswegen praktisch, weil man eine Manipulationen mit ihnen durchführen kann.

• Eigenschaften ergänezen: Bsp.: auto.farbe =„rot“;
• Löschen von Eigenschaften: Bsp.: delete auto.baujahr;

• Lernvideo „Was sind normale Objekte?“ - 3 Minuten:
• Lernvideo „Objekte in JavaScript - Basiswissen“ - 16 Minuten:

• W3School- JavaScript Objects
• SelfHTML - Objekte und Ihre Eigenschaften

Volkan Demir