본문 바로가기
👨‍💻개발/JavaScript

[JavaScript]객체안에 객체 접근하는 방법

by 하루하루 나아가기 2022. 9. 29.
반응형

자바스크립트에서 객체는 매우 중요하다.

객체는 기본적으로 변수를 선언하고 {}(중괄호)를 통해 만들고 , {key: value , key value ······} 형식을 가지게 된다

 

그런데!! 객체 안에 객체가 있으면 어떻게 될까?

 

위와 같은 객체 안에 객체가 있다. 저번 글에서 객체에 접근하는 방법 2가지를 배웠다. Dot Notation과 Bracket Notation 2가지 모두 활용해서 접근하면 된다. 

 

"map"을 콘솔에 출력하려면 다음과 같이하면 된다.

첫번째 console.log가 Dot Notation과 Bracket Notation 2가지 모두 활용한 방법이다.  key로 접근해 value를 출력한 것이다. Dot Notation는 띄어쓰기는 읽지 못하기 때문에 'glove box'는 Bracket Notation를 활용했다. 

 

Bracket Notation는 띄어쓰기도 가능하기 때문에 key들을 [](대괄호)를 통해 value에 접근했다. 

 

그러므로 객체안에 객체에 접근하는 방법은 key를 통해 순차적으로 접근하면 된다. 

 

객체에 대한 자세한 내용은 아래 글들 참고 

https://worldtech.tistory.com/2

 

[자바스크립트] 객체(Object)의 정의와 표시법

객체는 데이터가 많을 때 정리하기 편하게 만드는 수단이다. 객체를 만드는 방법은 변수를 선언하고 중괄호 {} 를 데이터를 넣으면 된다 객체 속에는 key과 value로 구성되어 있고, key를 'property'라

blog.business-traveler.co.kr

https://worldtech.tistory.com/3

 

[JavaSript] 객체에 저장된 데이터에 접근하기(Dot Notation vs Bracket Notation)

객체에 저장된 데이터에 접근하는 방법에는 Dot Notation, Bracket Notion 2가지가 있다. 1. Dot Notation Dot Notation는 단어 그대로 .(점)을 통해 객체에 저장된 데이터에 접근한다. 2. Bracket Notation Brac..

blog.business-traveler.co.kr

 

 

 

반응형

댓글