Beräknade egenskaper i JavaScript

När ett objekt deklareras kan namnen på dess egenskaper hämtas från variabler. Sådana egenskaper kallas beräknade. Låt oss se hur detta görs. Antag att vi har följande objekt:

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

Antag att namnet på en viss egenskap lagras i en variabel:

javascriptlet key = 'a';

Låt oss göra så att istället för egenskapsnamnet tas värdet från vår variabel. För att göra detta ska variabeln omges av hakparenteser:

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

När man deklarerar beräknade egenskaper kan viss kod köras. Exempel:

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