JavaScriptにおけるキーによる要素へのアクセスエラー

オブジェクトの要素に角括弧を通じてアクセスする場合、 キー名は引用符で囲む必要がありますが、変数名は囲みません。 この違いを理解していないことが、しばしばエラーの原因となります。 そのため、もう一度アクセスルールについて確認しましょう。

次のコードでは、オブジェクトからキー 'key' を持つ要素を取得しています：

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

一方、次のコードでは、オブジェクトから変数 key に格納されている名前のキーを持つ要素を取得しています：

javascriptconsole.log(obj[key]);

javascriptlet obj = {x: 1, y: 2, z: 3};
console.log(obj[x]);

javascriptlet obj = {x: 1, y: 2, z: 3};
let key = 'x';
console.log(obj['key']);