Изчисляеми свойства в JavaScript

При деклариране на обект имената на неговите свойства могат да се вземат от променливи. Такива свойства се наричат изчисляеми. Нека да видим как се прави това. Нека имаме следния обект:

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

Нека името на някакво свойство се съхранява в променлива:

javascriptlet key = 'a';

Нека направим така, че вместо името на свойството да се вземе стойността от нашата променлива. За целта променливата трябва да се постави в квадратни скоби:

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

При деклариране на изчисляеми свойства може да се изпълнява някакъв код. Пример:

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