Proprietà Calcolate in JavaScript

Quando si dichiara un oggetto, i nomi delle sue proprietà possono essere presi da variabili. Tali proprietà sono chiamate proprietà calcolate. Diamo un'occhiata a come si fa. Supponiamo di avere il seguente oggetto:

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

Supponiamo che il nome di una certa proprietà sia memorizzato in una variabile:

javascriptlet key = 'a';

Facciamo in modo che invece del nome della proprietà venga preso il valore della nostra variabile. Per fare ciò la variabile deve essere racchiusa tra parentesi quadre:

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

Quando si dichiarano proprietà calcolate è possibile eseguire del codice. Esempio:

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