유데미 - The Conditional (Ternary) Operator (삼항조건 연산자)

이번 챕터는 삼항조건 연산자!

const age = 23;
age >= 18
  ? console.log(`I like to drink wine 🍷`)
  : console.log(`I'm still a baby 🍼`);

크게 어려운 개념은 아닙니다.

앞에 조건이 참이냐 거짓이냐에 따라서 다르게 출력이 되는데요.

짧게 만든 수식으로 설명해 볼게요.

const age = 23;

const drink = age >= 18 ? "wine🍷" : `milk🍼`;
console.log(drink);

"(대충 조건) ? (참일때 출력되는 값) : (거짓일때 출력되는값);"

이렇게 이해하시면 편합니다.

이걸 if else문으로 바꾼다면?

const age 15;

let drink2;
if (age >= 18) {
  drink2 = "wine🍷";
} else {
  drink2 = `milk🍼`;
}
console.log(drink2);

이렇게 되겠죠!

${ }를 수식안에도 집어 넣을 수 있는데요.

const age = 19;

console.log(`I like to drink ${age >= 18 ? "wine🍷" : `milk🍼`}`);

이렇게 출력이 가능합니다!

근데 if else문을 대신해서 사용하면 되는거냐 하면 그건 아니랍니다.
엄청 커다란 block들은 얘가 다 처리할 수 없기에 안에 ${ }가 들어가거나
짧은 참,거짓문을 출력하고 싶을때는 이걸 사용하면 된답니다!

😍 과제

내 답

const population = 51;

const Comparison =
  population >= 31
    ? `${country}'s population is above average`
    : `${country}'s population is below average`;

console.log(Comparison);

선생님 답

const population = 51;

console.log(
  `${country}'s population is ${population > 33 ? "above" : "below"} average.`
);

둘다 같은 답이 나오지만서도 내가 적은 답을 저렇게 짧게 적을 수 있다니...
가르쳐 준건데도 너무 어렵게 생각했나보다.
이렇게 쓸 수 있도록 노력을 해야겠다.