if문과 삼항 조건 연산자

4266 단어 JavaScriptJavaScript

삼항 조건 연산자란?

조건문을 사용할 때 흔히 사용하는 if문이 있습니다.

하지만 이 if문이 길어질 경우 코드 수도 길어지고 보기도 좋지 않을 수 있죠?

그럴 때 사용하기 위해 삼항 조건 연산자가 있습니다!!

function canOverFive(num) {
    if(num > 5) {
        console.log("True, Over 5");
    }
    else {
        console.log("False, under 5");
    }				//최소 4줄
}

function canOverTen(num) {
    return (num > 10) ? 'True, Over 10' : 'False, under 10';   //한줄로 해결
}   

canOverFive(3);			//False, under 5    
console.log(canOverTen(20));    // True, Over 10

위의 코드처럼 if문과 else문을 한번에 표현하여 간단한 if문은 한줄로도 사용가능합니다.

(조건문) ? true일 때 리턴값 : false일 때 리턴값 으로 사용합니다.

let first = false,
	second = true;
    
let check = first ? "first win" : second ? "second win" : "third win";

console.log(check);  //second win

이렇게 다중 삼항 평가도 가능합니다.

삼항 조건 연산자는 소스를 간결하게 할 수 있는 장점이 있지만

삼항 조건 연산자 안에 또 삼항 연산자를 대입하게 되면 해석하기에 어려운 점도 있으니 상황에 따라 적절하게 이용하시기 바랍니다!

좋은 웹페이지 즐겨찾기