Berekende eigenschappen in JavaScript

Bij het declareren van een object kunnen de namen van zijn eigenschappen uit variabelen worden gehaald. Dergelijke eigenschappen worden berekende eigenschappen genoemd. Laten we eens kijken hoe dat wordt gedaan. Stel we hebben het volgende object:

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

Stel dat de naam van een bepaalde eigenschap wordt opgeslagen in een variabele:

javascriptlet key = 'a';

Laten we ervoor zorgen dat in plaats van de eigenschapsnaam de waarde uit onze variabele wordt gehaald. Hiervoor moet de variabele tussen vierkante haken worden gezet:

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

Bij het declareren van berekende eigenschappen kan er bepaalde code worden uitgevoerd. Voorbeeld:

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