자바스크립트에서 객체 값에 접근하는 방법으로는 일반적으로 점 표기법(Dot Notation)과 대괄호 표기법(Bracket Notation)이 널리 알려져 있습니다. 하지만 이 두 가지 방법 외에도 변수 키(variable key)를 활용하면 더욱 유연하게 객체 값에 접근할 수 있습니다. 이번 글에서는 각각의 방법을 간단히 살펴보겠습니다.
점 표기법과 대괄호 표기법 사용하기
예제
다음 예제에서는 점 표기법과 대괄호 표기법을 사용하여 객체 값에 접근합니다. 여기서 대괄호 표기법이란 문자열 키(string key)를 이용해 값에 접근하는 방식을 의미합니다.
<html>
<body>
<script>
let me = {
name: 'javascript'
};
document.write(me.name);
document.write("</br>");
document.write(me['name']);
</script>
</body>
</html>출력 결과
javascript javascript
변수 키 사용하기
예제
다음 예제에서는 점 표기법이나 대괄호 표기법을 직접 사용하는 대신, 변수 키를 활용하여 객체의 값에 접근합니다. 키 이름이 동적으로 결정되는 경우에 특히 유용한 방식입니다.
<html>
<body>
<script>
let me = {
name: 'javascript'
};
let key = 'name';
document.write(me[key]);
</script>
</body>
</html>출력 결과
javascript