Eigenschaften ändern und hinzufügen

Die Werte in einem Objekt können sich ändern. Einer Eigenschaft weist du einen neuen Wert genauso zu wie einer Variable, mit =:

const tier = { name: "Bella", art: "Katze", alter: 2 };

tier.alter = 3;
console.log(tier);

{ name: "Bella", art: "Katze", alter: 3 }

Du kannst den neuen Wert auch aus dem alten berechnen, wie bei Variablen: tier.alter = tier.alter + 1;, oder kürzer tier.alter += 1; oder tier.alter++;.

Beachte den Unterschied: In den geschweiften Klammern, wenn du das Objekt erstellst, wird eine Eigenschaft mit einem Doppelpunkt geschrieben (alter: 2). Wenn du sie später änderst, benutzt du einen Punkt und = (tier.alter = 3;).

Wenn du einer Eigenschaft einen Wert zuweist, die das Objekt noch nicht hat, fügt JavaScript sie am Ende hinzu:

const tier = { name: "Bella", art: "Katze", alter: 2 };

tier.besitzer = "Eva";
console.log(tier);

{ name: "Bella", art: "Katze", alter: 2, besitzer: "Eva" }

Das ist praktisch, bedeutet aber auch, dass dich auch hier nichts vor einem Tippfehler warnt. tier.Alter = 3; ändert nicht alter: Es fügt eine neue Eigenschaft Alter hinzu, und Bella bleibt 2 Jahre alt.

Hast du bemerkt, dass tier eine Konstante ist und sich trotzdem geändert hat? Es ist genauso wie bei Arrays. const bedeutet, dass die Konstante immer dasselbe Objekt enthält: Du kannst kein anderes Objekt hineinlegen. Aber die Eigenschaften dieses Objekts können sich ändern:

const tier = { name: "Bella", art: "Katze", alter: 2 };

tier.alter = 3;           // erlaubt
tier = { name: "Max" };   // TypeError: Assignment to constant variable.