JS - 조건(삼항)연산자

삼항 연산자(ternary operator)

• 피 연산자가 3개인 연산자를 말한다.

(조건식 ? 연산식1(참) : 연산식2(거짓)

• 조건식에는 boolean형 조건식이 들어간다.
• 조건식이 참이라면 연산식1 실행
• 조건식이 거짓이라면 연삭신2 실행

사용 예제

1. if...else의 대체재로 사용이 가능하다.

var age = 26;
var beverage = (age >= 21) ? "Beer" : "Juice";
console.log(beverage); // "Beer"

2. null, NaN, 0, "", undefined 값 처리에 사용 된다.

let greeting = person => {
  let name = person ? person.name : `stranger`
  return `Howdy, ${name}`
}

console.log(greeting({name: `Alice`}));  // "Howdy, Alice"
console.log(greeting(null));             // "Howdy, stranger"

코드의 간결성에도 좋지만, 나중에 공부하게 될 REACT에서는 if절 제약이 많기에 삼항연산자를 자주 사용하게 된다고 한다. 조건문의 경우 삼항연산자를 함께 고려해서 사용 해보도록 하자.