객체 내 값의 존재 여부 판단하기

이번에 last.fm 프로젝트를 진행하면서 자잘하게 실수했던 내용들을 여기 기록해두려고 한다.

변수 선언과 초기화에 대해서

<h3>{selected && selected.listeners} of listeners love this song!</h3>

위와 같은 코드가 있을 때, 처음에는

{selected.listeners && selected.listners}

와 같은 형태로 작성했었다.

그러나 이것은 당연히 실행 불가한 코드였다...
애초에 선언된 것은 selected 였기 때문에 && 연산자를 사용한 존재 여부 검사도 selected에 사용했어야 한다는 것이다...
아주 바보인 점은 나는 selected.listeners에 대한 존재 여부를 계속 따졌던 것이다...

객체 내의 값의 존재 여부를 판단하고 싶을 때(비구조화 할당도 마찬가지), 객체의 존재 여부를 판단하면 된다!