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