모던 자바스크립트 Deep Dive - 삼항 조건 연산자

일반 조건문

let result;

if(score >= 60){
	result = 'pass'
}else{
	result = 'fail'
}

 

조건식 ? 조건식이 true일 때 반환할 값 : 조건식리 false일 때 반환할 값

let result = scole >= 60 ? 'pass' : 'fail' ;

 

---

삼항 조건 연산자 표현식과 if문과의 차이점

---

[ 1 ] 삼항 조건 연산자는 값처럼 사용할 수 있다.

let x = 10;

// 불가능
let result = if( x % 2 ) { result = '홀수'} else { result = '짝수' };

// 가능
let result = x % 2 ? '홀수' : '짝수' ;

 

[ 2 ] 삼항 조건 연산자는 조건에 따라 수행해야 할 문이 하나이어야 한다.

let x = 3

// 불가능
x % 2 ? {
	console.log('홀수입니다.')
	console.log('짝수가 아닙니다.')
    } : console.log(['짝수입니다.');

 

---

삼항 조건 연산자의 활용

---

let x = 3

if( x > 5 ) {
	console.log('x는 5 보다 큽니다.');
}else if( x > 3) {
	console.log('x는 5 와 같거나 작지만 3 보다 큽니다');
}else if( x > 1 ) {
	console.log('x는 3 과 같거나 작지만 1 보다 큽니다');
}else{
	console.log('x는 1 과 같거나 작습니다.');
}


x > 5 ? console.log('x는 5 보다 큽니다') :
x > 3 ? console.log('x는 5 와 같거나 작지만 3 보다 큽니다') :
x > 1 ? console.log('x는 3 과 같거나 작지만 1 보다 큽니다') :
	console.log('x는 1 과 같거나 작습니다.');