[JS] 자바스크립트 삼항 연산자, 다중 삼항 연산

 

1. 삼항 연산자란?

삼항 연산자는 참/거짓에 따라 선택적으로 실행되는 조건문

 

 

 

삼항 연산자 표현)

조건문 ? 선택문1 : 선택문2

조건문이 참(True)이면 선택문1을 실행하고 조건문이 거짓(False)이면 선택문 2를 실행한다.

 

 

삼항 연산자 사용법)

 

if문과 삼항 연산자의 예시를 비교하여 어떻게 다른지 확인해보자.

 

if 문

let a = 15;
let b = 9;
 
if (a > b) {
    console.log(true);
} else {
    console.log(false); 
}
 
// true

 

삼항 연산자

let a = 15;
let b = 9;
 
const value = (a > b) ? true : false;
 
console.log(value); // true

 

삼항 연산자는 아래와 같이 괄호 없이 사용 가능하다.

삼항 연산자 ?는 우선순위가 낮아 비교 연산자 >가 먼저 실행되고 그 후 삼항 연산자가 실행되기 때문이다.

const value = a > b ? true : false;

 

 

2. 다중 삼항 연산

하나 이상의 조건이 있을 경우, 물음표를 여러 개 사용하여 표현할 수 있다. 

 

 

if문과 비교해보자.

 

 

예제 1 )

 

if 문

const info = prompt('What is your number?');
 
if (info <= 5) {
    alert("5 이하입니다.");
} else if (info <= 10) {
    alert("10 이하입니다.");
} else if (info <= 15) {
    alert("15 이하입니다.");
} else {
    alert("15보다 큽니다.");
}

 

 

다중 삼항 연산

const info = prompt('What is your number?');
const message = (info <= 5) ? "5 이하입니다."
    : (info <= 10) ? "10 이하입니다."
    : (info <= 15) ? "15 이하입니다."
    : "15보다 큽니다.";
 
alert(message);

 

이렇게 삼항 연산을 이용하면 길어지는 조건식을 보다 간결하게 표현할 수 있다.