Vypočítateľné vlastnosti v JavaScripte

Pri deklarovaní objektu môžu byť mená jeho vlastností prevzaté z premenných. Takéto vlastnosti sa nazývajú vypočítateľné. Pozrime sa, ako sa to robí. Predpokladajme, že máme nasledujúci objekt:

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

Predpokladajme, že názov nejakej vlastnosti je uložený v premennej:

javascriptlet key = 'a';

Urobme to tak, aby sa namiesto názvu vlastnosti použila hodnota z našej premennej. Na to je potrebné premennú uviesť v hranatých zátvorkách:

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

Pri deklarovaní vypočítateľných vlastností je možné vykonávať nejaký kód. Prí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';