[JavaScript] 삼항연산자(Ternary operator)

---

삼항연산자는 조건문을 축약해서 쓰는 것으로 유명하다.

 

맛보기

function normalOne(num) {
	if (num > 0) {
		return "0보다 크다"
	} else {
		return "0보다 작다"
	}
}

normalOne(3);	//0보다 크다

function ternary(num) {
	return ((num > 0) ? "0보다 크다" : "0보다 작다");
}
ternary(3);	// 0보다 크다

확 줄었다.

 

문법

조건 ? 조건이 true이면 반환 : 조건이 false면 반환 

 

활용

- 결과를 변수에 할당 시키기

const ranNum = 5;
let varAfter = ranNum > 4 ? "true" : "false";
console.log(varAfter);  //true

 

- 한 조건에 둘 이상을 반환한다면

반환값들을 괄호로 묶어준다.

const score = 85;

let record = "C+";
score < 90
    ? ((record = "B+"), console.log(`YOU ARE ${record}`))
    : ((record = "A+"), console.log(`CONGRATULATIONS! YOU ARE ${record}`));
    //YOU ARE B+