JavaScript에서 객체(Object)는 핵심이 되는 개념으로, 객체 없이는 JavaScript를 논할 수 없습니다. 불리언(Boolean), 숫자(Number), 함수(Function) 등 JavaScript의 거의 모든 요소가 객체를 기반으로 동작하기 때문입니다.
객체의 속성(Property)에 접근하는 방법
객체는 여러 데이터를 하나의 단위로 묶어 관리할 수 있으며, 각 데이터를 '속성'이라고 부릅니다. 객체 내부의 속성에는 주로 점 표기법(dot notation) 또는 대괄호 표기법(bracket notation)을 사용하여 접근할 수 있습니다. 아래 예제를 통해 객체 속성에 접근하는 방법을 자세히 살펴보겠습니다.
예제 1: 중첩된 배열과 객체의 속성 접근
<html>
<body>
<script>
myObj = {"name":"Ramesh","age":30,"family":
[{"mother":"Geetha","father":"Rao"}],"city":"Berlin"};
var res = myObj.family[0].mother;
document.write(res);
</script>
</body>
</html>실행 결과
Geetha
위 예제에서 family 속성은 객체를 담고 있는 배열입니다. 따라서 myObj.family[0]으로 배열의 첫 번째 요소(객체)에 접근한 뒤, 다시 점 표기법으로 mother 속성 값을 가져올 수 있습니다. 이처럼 객체와 배열이 중첩되어 있어도 체인처럼 연결하여 원하는 값에 도달할 수 있습니다.
예제 2: 일반적인 속성 접근
<html>
<body>
<script>
myObj = {"name":"Ramesh","age":30,"family":
[{"mother":"Geetha","father":"Rao"}],"city":"Berlin"};
var res = myObj.city;
document.write(res);
</script>
</body>
</html>실행 결과
Berlin
두 번째 예제는 가장 기본적인 형태의 속성 접근 방식입니다. myObj.city처럼 객체 이름 뒤에 점(.)과 속성 이름을 붙이면 해당 속성의 값을 바로 얻을 수 있습니다.
정리
JavaScript에서 객체 속성에 접근하는 것은 매우 직관적입니다. 단순한 속성은 객체.속성명 형태로, 배열이 포함된 구조라면 인덱스를 함께 사용하여 객체.배열속성[인덱스].속성명 형태로 접근하면 됩니다. 또한 속성 이름에 특수문자나 공백이 포함된 경우에는 객체["속성명"]과 같은 대괄호 표기법을 활용하면 더욱 유연하게 접근할 수 있습니다.