JavaScript-Objekte

JavaScript-Objekte speichern Werte und Funktionen.

Denken Sie an ein Auto. Alle Autos haben Eigenschaften wie Farbe und Modell. Alle Autos haben Methoden wie Fahren oder Bremsen. Die Werte und der Zeitpunkt ändern sich bei jedem Auto.

Eigenschaften und Methoden

Beispiel für ein Objekt:

const car = {
  type: "Fiat",
  model: "500",
  color: "white"
};

In diesem Beispiel sind type, model und color Eigenschaften. „Fiat“, „500“ und „white“ sind die Werte.

Erstellen von Objekten

Sie verwenden Objektliterale, um Objekte zu definieren. Sie setzen Schlüssel-Wert-Paare in geschweifte Klammern. Sie benötigen keine spezifischen Abstände oder Zeilenumbrüche.

Beispiel:

const person = {
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};

Verwalten von Eigenschaften

Sie können Eigenschaften jederzeit ändern, hinzufügen oder löschen.

So greifen Sie auf Eigenschaften zu:

  1. Punktnotation: person.age Dies ist der beste Weg für die Lesbarkeit.

  2. Klammernotation: person["age"] Verwenden Sie dies, wenn Ihr Eigenschaftsname in einer Variable steht oder Sonderzeichen wie Bindestriche enthält.

  3. Ausdruck: person[x]

Objektmethoden

Methoden sind Aktionen, die Objekte ausführen. Eine Methode ist eine Funktion, die in einer Objekteigenschaft gespeichert ist.

Beispiel:

const person = {
  firstName: "John",
  lastName: "Doe",
  fullName: function() {
    return this.firstName + " " + this.lastName;
  }
};

Source: https://www.w3schools.com/js/js_object_methods.asp Full post: https://dev.to/madhanraj/javascript-objects-4i67