[Javascript] 삼항 연산자 tip ( '??' 사용)

기본 적으로 삼항 연산자는 이렇게 사용할 수 있다.

const val = val ? '참일 경우 값' : '거짓일 경우 값'

 

 

 

또 js는 축약으로 이렇게도 사용할 수 있다.

const val = a?.b?.c ? '참일 경우 값' : '거짓일 경우 값'

a.b.c 의 값을 체크하기 전에 a와 b에 값이 존재하는지를 먼저 확인하는 코드이다. a.b가 없는데 a.b.c를 하면 당연히 에러가 나게 된다.

 

 

 

추가로 undefined와 null을 체크하기 위해 중복으로 나열하지 않고 이렇게 사용할 수도 있다.

//undefined || null이면 ''값으로 치환
const val = val ?? '';

 

 

 

 

주로 Java  개발을 하다가 javascript로 개발을 하면 이렇게 축약해서 편리하긴 하다. 물론 헷갈리고 어려운 점도 당연히 존재...

 

 

그 외 여러 javascript 축약 코딩 기법들이 있으니 여기서 확인! 25+ JavaScript Shorthand Coding Techniques