삼항 연산자
삼항 연산자는 JavaScript 에서 세 개의 피연산자를 받는 유일한 연산자 이다.
앞에서부터 조건문, 물음표(?), 조건문이 참(truthy)일 경우 실행할 표현식, 콜론 (:), 조건문이 거짓(falsy) 일 경우 실행할 표현식이 배치 된다.
해당 연산자는 if..else문 의 대체재로 빈번이 사용된다.
(https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/if...else)
condition ? exprIfTrue : exprIfFalse
condition
- 조건문으로 사용되는 표현식
exprIfTrue
-condition 이 truthy 한 값으로 평가될 경우 실행되는 표현식 (true 와 같거나 true 로 치환 될 수 있는 값)
exprIfFalse
-condition 이 falsy 한 값으로 평가될 경우 실행되는 표현식 (false 와 같거나 false 로 치환 될 수 있는 값)
예제
결론
같은 로직을 if 문으로 사용할 경우 보다 많은 줄의 소스를 작성해야 하는데 삼항 연산자를 사용할 경우 짧고 간결하게 소스를 작성 할 수 있고, 소스 코드의 가독성을 높일 수 있는 장점이 있다.
하지만 코드가 짧고 가독성이 좋다고 해서 if 문에 비해서 속도가 빠른것은 아니며 축약된 형식이기 때문에 잘 못 사용하게 되면 그 가독성을 해치기도 한다.
가독성을 해치지 않고 코드들이 간결해지는 경우에 삼항 연산자를 사용하면 좋지만, 대부분은 if 조건문을 사용하는것이 좋을 수 있다. !