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

객체에 저장된 데이터에 접근하는 방법에는 Dot Notation, Bracket Notion 2가지가 있다. 

 

1. Dot Notation 

 

Dot Notation는 단어 그대로 .(점)을 통해 객체에 저장된 데이터에 접근한다. 

 

 

2. Bracket Notation 

 

Bracket Notation은 ['key'](대괄호)로 객체에 저장된 데이터에 접근한다.

 

 

그럼 둘이 차이점이 무엇일까? 

 

결정적인 차이는 Dot Notation은 변수를 활용할 수 없고, Bracket Notation은 변수를 활용할 수 있다. 

 

변수 myKey를 선언하고, Dot Notation 과  Bracket Notation 으로 콘솔에 출력해 봤는데

Dot Notation은 undefined 를 출력했다. 이유는 mySelf 객체안에 myKey라는 key가 없기 때문이다

반면 Bracket Notation은 myKey 변수가 적용되어 출력되었다. 

 

 

객체의 정의와 표시법은 아래 글 참조

https://worldtech.tistory.com/2

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