Properti Terkomputasi dalam JavaScript

Saat mendeklarasikan objek, nama propertinya dapat diambil dari variabel. Properti seperti ini disebut properti terkomputasi. Mari kita lihat bagaimana hal ini dilakukan. Misalkan kita memiliki objek berikut:

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

Misalkan nama suatu properti disimpan dalam variabel:

javascriptlet key = 'a';

Mari kita buat agar alih-alih nama properti, nilai dari variabel kita yang diambil. Untuk melakukan ini, variabel harus ditempatkan dalam tanda kurung siku:

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

Saat mendeklarasikan properti terkomputasi, beberapa kode dapat dieksekusi. Contoh:

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