Błąd dostępu do właściwości obiektu w JavaScript

Podczas dostępu do właściwości obiektu nazwa tej właściwości nie może być przechowywana w zmiennej. Przyjrzyjmy się, dlaczego. Załóżmy, że mamy następujący obiekt:

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

Załóżmy, że w zmiennej przechowywana jest nazwa właściwości, której wartość chcemy uzyskać:

javascriptlet key = 'a';

Spróbujmy uzyskać dostęp do właściwości obiektu, używając tej zmiennej:

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

Powyższy kod nie będzie działał, ponieważ faktycznie szukamy właściwości o nazwie 'key', a nie właściwości, której nazwa jest przechowywana w zmiennej key. Oznacza to, że faktycznie nasz kod jest równoważny następującemu:

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

Jedynym sposobem dostępu do elementu za pomocą klucza ze zmiennej jest zapisanie tej zmiennej w nawiasach kwadratowych:

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