[JavaScript] 삼항 연산자 다루기

삼항 연산자

- 조건 ? 참 : 거짓

 

지나친 숏코딩보다 사용자가 명확하게 알아볼 수 있는 코딩을 하는 것이 좋습니다.

 

Bad

function example() {
  return condition1 ? value1
    : condition2 ? value2
    : condition3 ? value3
    : value4
}

 

Good

function example() {
  if(condition1)
    return value1
  else if(condition2)
    return value2
  else if(condition3)
    return value3
  else
    return value4
}

if문이 3개 이상일 때에는 switch case가 더욱 명확하고 효율적입니다.

 

삼항 연산자는 값을 만들고 변수에 담아낼 때 가장 좋습니다.

 

Bad

function alertMessage(isAdult) {
  isAdult
    ? alert('성인입니다.')
    : alert('미성년자입니다.')
}

alert()은 값을 반환하지 않는 void 함수입니다.

 

Good

const welcomeMessage = (isLogin) => {
  const name = isLogin ? getName() : '이름없음'
  
  return `안녕하세요 ${name}`
}