Greška pri pristupanju svojstvu objekta u JavaScript-u

Prilikom pristupanja svojstvu objekta, ime tog svojstva ne može biti sačuvano u promenljivoj. Hajde da vidimo zašto. Recimo da imamo ovakav objekat:

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

Recimo da u promenljivoj bude sačuvano ime svojstva čiju vrednost želimo da dobijemo:

javascriptlet key = 'a';

Pokušajmo da pristupimo svojstvu objekta, koristeći ovu promenljivu:

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

Navedeni kod neće raditi, jer u suštini tražimo svojstvo sa imenom 'key', a ne svojstvo čije ime je sačuvano u promenljivoj key. To jest, zapravo naš kod je ekvivalentan sledećem:

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

Jedini način da se pristupi elementu po ključu iz promenljive je upis te promenljive u uglastim zagradama:

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