TIL 2023.03.03 속성 값 반환하는 방법 점 연산자, 대괄호 표기법

 

특정 데이터를 불러오고 거기에서 속성 값을 반환하는 과정에서
항상 점연산자를 사용했습니다.

유저 데이터에 닉네임이 있으면
user.nickname 이런식으로 닉네임을 꺼내서 사용했는데
가끔 이러한 속성 값이 안보이는 경우가 발생했습니다.
특히 typeorm에서 join을 한 경우에 발생하였는데

그래서 새롭게 알게 된 속성 값을 반환하는 방법인 대괄호 방법이 있었습니다

 

const user = { id: 1, 'full name': 'John Doe' };

 

해당 데이터가 있다고 가정했을 때
점 연산자와 대괄호 표기법은 동일한 값을 반환합니다

 

console.log(user.id)
console.log(user['id'])

//1
//1

 

그런데 지금 user 데이터에 있는 full name은 띄어쓰기가 되어있기 때문에
점연산자로는 해당 속성 값을 반환하질 못합니다.
때문에 대괄호 표기법으로 해당 속성 값을 반환할 수 있습니다

 

console.log(user.full name)
console.log(user.['full name'])

//undefined - 에러 발생
//John Doe

 

해당 방법으로 속성이 분명이 보이는데 못 꺼내서 쓰는 속성 값을 꺼내서 쓸 수 있게 되었습니다.