자바스크립트 삼항연산자 (if문 시 러)

자바스크립트에서 if문을 보다 간단하게 표현할 수 있는 삼항연산자에 대해 알아보자.

삼항연산자는 아래의 형태로 구성된다.

조건문 ? 실행식1 : 실행식2

조건문이 참(truthy)일 경우 실행식1이 실행되고
조건문이 거짓(falthy)일 경우 실행식2가 실행된다.

예제1

var age = 26;
// 나이가 26인 사람이 왔다.

var beverage = (age >= 21) ? "Beer" : "Juice";
// 나이에 따라서 음료를 줄 것인데
// 나이가 21세 이상이면 맥주를 주고
// 나이가 21세 미만이면 주스를 줄 것이다.

console.log(beverage); // "Beer"
// 온 사람은 나이가 26세이므로 맥주를 받아갈 것이다.

위의 삼항연산자를 if문으로 표현한다면 아래와 같다.

var age = 26;
var beverage;

if(age >= 21){
  beverage = "Beer";
} else {
  beverage = "Juice";
}
console.log(beverage);

삼항연산자로 세 줄로 표현가능할 코드를, 7줄로 표현할 수 있다. (ㅋㅋ)

예제2

연속된 if문도 삼항연산자로 바꾸어 볼 수 있다.

function example(…) {
    if (condition1) { return value1; }
    else if (condition2) { return value2; }
    else if (condition3) { return value3; }
    else { return value4; }
}


function example(…) {
    return condition1 ? value1
         : condition2 ? value2
         : condition3 ? value3
         : value4;
}

위의 함수코드와 아래 함수코드는 동일한 결과를 낸다.