삼항 연산자

참고 MDN

삼항 연산자는 앞에서부터 조건문, 물음표(?), 조건문이 참(trurhy)일 경우 실행할 표현식, 콜론(:), 조건문이 거짓(falsy)일 경우 실행할 표현식이 배치됩니다.

이 연산자는 if...else문의 대체재로 빈번히 사용된다.

 

function getFee(isMember) {   return (isMember ? '$2.00' : '$10.00'); } console.log(getFee(true)); // Expected output: "$2.00" console.log(getFee(false)); // Expected output: "$10.00" console.log(getFee(null)); // Expected output: "$10.00"

false 이외의 falsy한 표현식에는 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"

 

<연결된 조건문 처리하기>

조건 연산자는 아래와 같이 연결해 사용할 수 있습니다. 이는 연결된 if … else if … else if … else와 유사합니다.

function example(…) {

 

  return condition1 ? value1

 

       : condition2 ? value2

 

       : condition3 ? value3

 

       : value4;

}

위 코드는 아래의 연결된 if … else와 동등합니다.

 

function example(…) {

 

  if (condition1) { return value1; }

 

  else if (condition2) { return value2; }

 

  else if (condition3) { return value3; }

 

  else { return value4; }

}