Beregnede egenskaber i JavaScript

Når man deklarerer et objekt, kan navnene på dets egenskaber hentes fra variabler. Sådanne egenskaber kaldes beregnede. Lad os se, hvordan det gøres. Lad os sige, at vi har følgende objekt:

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

Lad os sige, at navnet på en bestemt egenskab er gemt i en variabel:

javascriptlet key = 'a';

Lad os gøre det sådan, at i stedet for egenskabsnavnet, hentes værdien fra vores variabel. For at gøre dette skal variablen sættes i firkantede parenteser:

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

Ved deklaration af beregnede egenskaber kan man udføre noget kode. Eksempel:

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