Vypočítané vlastnosti v JavaScriptu

Při deklaraci objektu mohou být jména jeho vlastností brána z proměnných. Takové vlastnosti se nazývají vypočítané. Podívejme se, jak se to dělá. Předpokládejme, že máme následující objekt:

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

Předpokládejme, že jméno nějaké vlastnosti je uloženo v proměnné:

javascriptlet key = 'a';

Udělejme to tak, aby se místo jména vlastnosti vzala hodnota z naší proměnné. K tomu je třeba proměnnou vzít do hranatých závorek:

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

Při deklaraci vypočítaných vlastností lze provádět určitý kód. Příklad:

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';