객체의 기본을 정리해보자!

• 객체 선언 

let obj = { key: value, key2: 'value' };

 

obj.key => value                         =>  Dot notation

obj['key2'] => 'value'                    =>  Brackat notation

 

• 실습 

let twiit = {
writer : 'hyunjun',
createdAt : '2022-5-12',
content : '코플릿 어려워요!'
}
undefined
twiit.writer
'hyunjun'
twiit['content']
'코플릿 어려워요!'

 

• 주의사항 ! 

twiit[content] 를 입력하면 => 오류 발생 

=> 레퍼런스 에러가 나는데, content 의 값이 정의되지 않았다고 나온다 !

그 이유는 여기서 content 를 변수취급을 하기 때문이다. 

만약 저렇게 쓰려면, content라는 변수에 key값이 문자열로 담겨 있으면 된다.

ex. let content = 'content';

twiit[content] // '코플릿 어려워요'

 

이렇게 처리해 주면 원하는 값을 출력 할 수 있다. 

 

• 언제 무엇을 써야 할까? 

=> 키 값이 동적으로 변할 때 = Brackat notation 을 써야한다. 

 

• 값을 추가 할 수 있다. twiit['hobby'] = '책읽기'  => twiit 에 'hobby' 키가 추가된다.

 

• 값을 삭제 할 수 있다.  delete twiit.hobby => 키 hobby 가 삭제 된다.

 

• in 연사자를 사용하여 키의 값이 있는지 없는지 판단 할 수 있다. 

=> 'hobby' in twiit // false

=> 'writer' in twiit // true