15. 조건 (삼항) 연산자 / The Conditional (Ternary) Operator

안녕하세요 박기린입니다.

이전 글에서 예고한 삼항 연산자에 대해 알아보겠습니다.

---

 

삼항 연산자

조건 expression ? 참일 때 실행되는 코드 : 거짓일 때 실행되는 코드

삼항 연산자는 간단한 형식의 조건문입니다. if/else문의 대체제로도 많이 사용됩니다.

조건 expression은 type coercion을 하기 때문에, false값 뿐만 아니라 falsy한 값(null, NaN, 0, "", undefined)도 거짓을 인식하고 '거짓일 때 실행되는 코드'를 실행합니다.

 

 

const age = 23;
age >= 18 ? console.log('I like to drink wine') : console.log('I like to drink water');
// I like to drink wine

---

 

 

 

삼항연산자는 expression

삼항연산자는 Operator(연산자)입니다. 연산자는 value를 만듭니다. 따라서 expression입니다.

if/else 문은 statement라서 불가능한 일을 삼항연산자는 expression이라서 해낼 수 있는 경우가 있습니다.

 

- 변수에 담을 수 있습니다.

const drink = age >= 18? 'wine' : 'water';
console.log(drink); // wine

 

- Template Literal에 사용할 수 있습니다.

console.log(`I like to drink ${age >= 18 ? 'wine' : 'water'}`);

 

일반적으로 긴 조건문일 때는 if/else문을 사용합니다. 하지만 짧은 구문이나 위와 같이 JS의 expression을 필요로하는 상황에서는 삼항 연산자를 사용합니다.