Rujukan Sifat Objek yang Salah dalam JavaScript

Apabila merujuk kepada sifat objek, nama sifat tersebut tidak boleh disimpan dalam pembolehubah. Mari kita lihat mengapa. Katakan kita mempunyai objek seperti berikut:

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

Katakan dalam pembolehubah disimpan nama sifat, yang nilainya kita ingin dapatkan:

javascriptlet key = 'a';

Mari cuba rujuk kepada sifat objek, menggunakan pembolehubah ini:

javascriptconsole.log(obj.key); // undefined

Kod yang diberikan tidak akan berfungsi, kerana sebenarnya kita mencari sifat dengan nama 'key', dan bukan sifat yang namanya disimpan dalam pembolehubah key. Iaitu, sebenarnya kod kami setara dengan yang berikut:

javascriptconsole.log(obj['key']);

Satu-satunya cara untuk merujuk kepada elemen menggunakan kunci dari pembolehubah adalah dengan menulis pembolehubah tersebut dalam kurungan segi empat sama:

javascriptconsole.log(obj[key]);

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

let prop = 'x';
console.log(obj.prop);

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

let prop = 'x';
console.log(obj['prop']);