Feil ved tilgang til egenskap i objekt i JavaScript

Når du aksesserer en egenskap til et objekt, kan ikke navnet på denne egenskapen lagres i en variabel. La oss se hvorfor. La oss si at vi har følgende objekt:

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

La oss si at en variabel inneholder navnet på egenskapen hvis verdi vi ønsker å hente:

javascriptlet key = 'a';

La oss prøve å aksessere egenskapen til objektet ved å bruke denne variabelen:

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

Koden ovenfor vil ikke fungere, fordi vi faktisk leter etter en egenskap med navnet 'key', og ikke egenskapen hvis navn er lagret i variabelen key. Det vil si at koden vår faktisk tilsvarer følgende:

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

Den eneste måten å aksessere et element med en nøkkel fra en variabel på, er å skrive denne variabelen i klammeparenteser:

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