[Javascript] A ? B ? C : D : E 라는 연산자 ? 이중삼항연산자

문제

존레식, 베어 바이볼트의 자바스크립트 닌자 비급으로 자바스크립트를 공부하는 중에, 생전 처음(기억이 가물가물..)보는 연산자(?)를 발견하였습니다. 이것은 삼항연산자도 아니고, 어떤 식으로 검색을 해야할지도 애매해서 블로그에 적기로 했습니다.

코드

return filter ? filter.indexOf("opacity=") >= 0 ? (parseFloat(filter.match(/opacity=([^)]+/)[1] / 100) + "" : "" : elem.style.opacity;

이 코드를 보는데, 한 줄 한 줄은 이해가 가는데, 전체적으로 이해가 도저히 안가더라구요. 그래서 웹개발 커뮤니티 중에 가장 오래되었다는 okky.kr에 질문했습니다. 

해결

이런 식으로 개발자도구에서 테스트를 했습니다.

false ? true도 "3"이고, false ? false도 "3"이여서 "3"뒤에 "4"값을 주면 false ? false 일 때 "4"가 나올까 ? 싶었지만,,

제대로 잘못 짚었습니다. ㅎㅎ

수정

이것을 이중삼항연산자라고 한다네요 !

A ? (B ? C : D) : E 

이렇게 괄호로 묶어서 보면 굉장히 쉽죠 ? 또 하나 배우네요 !! 

아 참, 크롬 개발자 도구를 켜놓기만해도 고수의 냄새가 풍기는 검은 배경으로 하시려면, 

[개발자도구 - Setting - Appearance - Theme]에 가셔서 Dark로 해주시면 됩니다 !!