Propriedades Computadas em JavaScript

Ao declarar um objeto, os nomes de suas propriedades podem ser obtidos de variáveis. Tais propriedades são chamadas de propriedades computadas. Vamos ver como isso é feito. Suponha que temos o seguinte objeto:

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

Suponha que o nome de alguma propriedade esteja armazenado em uma variável:

javascriptlet key = 'a';

Vamos fazer com que, em vez do nome da propriedade, seja usado o valor de nossa variável. Para isso, a variável deve ser colocada entre colchetes:

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

Ao declarar propriedades computadas, é possível executar algum código. Exemplo:

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