Berechnete Eigenschaften in JavaScript

Bei der Deklaration eines Objekts können die Namen seiner Eigenschaften aus Variablen stammen. Solche Eigenschaften werden als berechnete Eigenschaften bezeichnet. Schauen wir uns an, wie das gemacht wird. Nehmen wir an, wir haben das folgende Objekt:

javascriptlet obj = {
  a: 1,
  b: 2,
  c: 3
};

Nehmen wir an, der Name einer bestimmten Eigenschaft wird in einer Variable gespeichert:

javascriptlet key = 'a';

Lassen Sie uns dafür sorgen, dass anstelle des Eigenschaftsnamens der Wert aus unserer Variable genommen wird. Dazu sollte die Variable in eckige Klammern gesetzt werden:

javascriptlet obj = {
  [key]: 1,
  b: 2,
  c: 3
};

Bei der Deklaration berechneter Eigenschaften kann ein gewisser Code ausgeführt werden. Beispiel:

javascriptlet obj = {
  [key + '1']: 1,
  [key + '2']: 2,
  [key + '3']: 3
};

javascriptlet key = 'x';

let obj = {
  key: 1,
  y: 2,
  z: 3
};

javascriptlet obj = {
  x: 1,
  y: 2,
  z: 3
};

javascriptlet key1 = 'x';
let key2 = 'y';
let key3 = 'z';