티스토리 뷰

코딩언어/javascript

if문과 삼항 조건 연산자

민트초코수장 2020. 12. 12. 14:10

조건문을 사용할 때 흔히 사용하는 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

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

 

 

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

해석하기에 어려운 점도 있으니 상황에 따라 적절하게 이용하시기 바랍니다!

 

반응형
Comments