[삼항연산자]

JP·2023년 1월 25일
0
post-thumbnail

삼항 연산자

삼항 연산자는 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 로 치환 될 수 있는 값) 
    
  • false 이외의 falsy 한 표현식에는 null, NaN, 0, 비어있는 문자열(""), 그리고 undefined 가 있다. condition 이 이중 하나일 경우 조건 연산자의 결과값은 exprIfFalse 표현식을 실행한 결과 값이다.

예제

결론

같은 로직을 if 문으로 사용할 경우 보다 많은 줄의 소스를 작성해야 하는데 삼항 연산자를 사용할 경우 짧고 간결하게 소스를 작성 할 수 있고, 소스 코드의 가독성을 높일 수 있는 장점이 있다.
하지만 코드가 짧고 가독성이 좋다고 해서 if 문에 비해서 속도가 빠른것은 아니며 축약된 형식이기 때문에 잘 못 사용하게 되면 그 가독성을 해치기도 한다.

가독성을 해치지 않고 코드들이 간결해지는 경우에 삼항 연산자를 사용하면 좋지만, 대부분은 if 조건문을 사용하는것이 좋을 수 있다. !

profile
🐰와 🐢에 🐢

0개의 댓글