Deep Dive/7.4 삼항 조건 연산자와 8.2.1 if ... else 문의 비교

오주형·2022년 4월 5일
0

Deep Dive

목록 보기
1/6

/// Deep Dive 삼항 조건 연산자와 if … else 문의 비교 page 84 & 97

삼항 조건 연산자
조건식? 조건식이 true일 때 반환할 값 : 조건식이 false일 때 반환할 값

var x = 2;

// 2 % 2는 0이고, 0은 false로 암묵적 타입 변환된다.
var result = x % 2 ? ‘홀수’ : ‘짝수’;

console.log(result); // 짝수
-> 삼항 조건 연산자 표현식은 조건문이다. 따라서 if … else문을 사용해도 삼항 조건 연산자 표현식과 유사하게 처리할 수 있다.

var x = 2;

// 2 % 2는 0이고, 0은 false로 암묵적 타입 변환된다.
if (x % 2) result = ‘홀수’;
else result = ‘짝수’;

console.log(result); // 짝수

=> 삼항 조건 연산자 표현식은 값으로 평가할 수 있는 표현식인 문이며, 값처럼 사용할 수 있기 때문에 변수에 할당할 수 있다.
if … else 문은 표현식이 아닌 문이기 때문에 값처럼 사용할 수 없으며, 때문에 변수에 할당할 수 없다.

조건에 따라 어떤 값을 결정해야 한다면(결정하여 변수에 할당 하는 경우) 삼항 조건 연산자 표현식을 사용편이 유리하고,
조건에 따라 수행해야 할 문이 하나가 아닌 여러 개라면 if … else 문의 가독성이 더 좋다.
즉, 조건에 따라 수행해야 할 문이 하나이거나, 조건에 따라 값이 결정되는 경우라면 삼항 조건 연산자가 가독성 좋다. ///

profile
곧 개발자

0개의 댓글