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:

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

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

let 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:

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

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

let obj = {
	[key + '1']: 1,
	[key + '2']: 2,
	[key + '3']: 3
};

In de volgende code had de sleutel uit de variabele moeten worden gehaald. Verbeter de gemaakte fout:

let key = 'x';

let obj = {
	key: 1,
	y: 2,
	z: 3
};

Gegeven een object:

let obj = {
	x: 1,
	y: 2,
	z: 3
};

Gegeven variabelen:

let key1 = 'x';
let key2 = 'y';
let key3 = 'z';

Zorg ervoor dat de sleutels van het object uit deze variabelen worden gehaald.