Propiedades calculadas en JavaScript

Al declarar un objeto, los nombres de sus propiedades pueden tomarse de variables. Tales propiedades se llaman calculadas. Veamos cómo se hace esto. Supongamos que tenemos el siguiente objeto:

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

Supongamos que el nombre de alguna propiedad se almacena en una variable:

javascriptlet key = 'a';

Hagamos que en lugar del nombre de la propiedad se tome el valor de nuestra variable. Para esto, la variable debe colocarse entre corchetes cuadrados:

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

Al declarar propiedades calculadas se puede ejecutar algún código. Ejemplo:

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