[javascript] 객체 접근 dot notation(.) , bracket notation([])

코딩중에 습관적으로 obj.key ... 아 아니다 obj[key] 이렇게 수정하다가  근데 왜 이걸 수정하고 있지? 둘이 뭔차이였더라 ? 뇌정지와서

적어둠.. 

 

결론은 bracket notation 방식은 변수로도 접근할수 있고 number 도 string 타입으로 변환해서 접근(객체 key 는 type 이 string임)

dot notation 은 해당값 그대로만 접근가능

 

예시)

const obj = {1: '고등어', 2: '김치찌개', 계란: '한판에', 만원: '너무비싸'}

//숫자예시
obj.1 = syntaxError: unExpected number
obj['1']= '고동어'
obj[1] = '고등어'

//변수예시
const key = '계란'
obj.key = undefined
obj[key] = '한판에'