Javascript Objekte

Objekte sind Behälter für logisch zusammen gehörende Variablen und Funktionen, die als Eigenschaften und Methoden des Objekts bezeichnet werden. Ein Javascript Object organisiert Daten, kapselt Daten und Logik nach außen ab und bietet eine einfache Schnittstelle zu seinen Elementen über seinen Namen.

So erstellt man ein Objekt:

"use strict"

const kursteilnehmer = {
 "name": "Michi Monster",
 "age" : 22,
 "kurs": "HTML"
}
console.log (kursteilnehmer);
 

Es ist aber ebenfalls möglich die Objekteigenschaften nicht in Anführungszeichen zu setzen. Also so:

"use strict"

const kursteilnehmer = {
 name: "Michi Monster",
 age : 22,
kurs: "HTML"
}
console.log (kursteilnehmer);

Diese Schreibweise wird oft verwendet.

Der Zugriff auf ein Objekt erfolgt über den Punkt. Also zum Beipiel:

kursteilnehmer.name
kursteilnehmer.age

Eine weitere Möglichkeit für den Zugriff ist die eckige Klammer:

kursteilnehmer[name]
kursteilnehmer[age]

"use strict"

const kursteilnehmer = {
 name: "Michi Monster",
 age : 22,
 kurs: "HTML"
}
console.log (kursteilnehmer["name"])
console.log (kursteilnehmer["age"])
console.log (kursteilnehmer["kurs"])

Ein Zugriff auf Objekte ist auch schreibend möglich. So kann zum Beispiel das Alter aktualisiert werden:

kursteilnehmer[„age“]=23 oder kursteilnehmer.age=23

Das Hinzufügen einer Eigenschaft kann über kursteilnehmer.gewuenschter_wert erfolgen. So zum Beispiel kursteilnehmer.anfang = „Januar“ oder über kursteilnehmer[anfang]=“Januar“ Eine Eigenschaft kann über delete gelöscht werden

delete kursteilnehmer.age

Eine Überprüfung nach einer Eigenschaft erfolgt über das Schlüsselwort in :

const kursteilnehmer = {
  name: "Michi Monster",
  age: 22,
  kurs: "HTML"
};


if (kursteilnehmer.kurs === "HTML") {
  console.log("Ja, der Kurs HTML existiert");
}