Kesalahan Akses Properti Objek dalam JavaScript

Saat mengakses properti objek, nama properti tersebut tidak dapat disimpan dalam variabel. Mari kita lihat mengapa. Misalkan kita memiliki objek seperti berikut:

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

Misalkan dalam variabel disimpan nama properti, yang nilainya ingin kita dapatkan:

javascriptlet key = 'a';

Mari coba akses properti objek, menggunakan variabel ini:

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

Kode di atas tidak akan bekerja, karena sebenarnya kita mencari properti dengan nama 'key', bukan properti yang namanya disimpan dalam variabel key. Artinya, sebenarnya kode kita setara dengan berikut:

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

Satu-satunya cara untuk mengakses elemen berdasarkan kunci dari variabel adalah dengan menulis variabel tersebut dalam tanda kurung siku:

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