10. 삼항 연산자

1. 삼항 연산자

조건식 ? 참일 때의 반환값 : 거짓일 때의 반환값

• 조건에 따라 값을 간결하게 선택할 수 있는 연산자.
• 항이 총 3개 있기 때문에 삼항 연산자라고 부른다.
• 조건식이 참인 경우 콜론 왼쪽의 값이, 거짓인 경우 콜론 오른쪽의 값이 반환된다.

2. 삼항 연산자 활용하기

• 삼항 연산자를 사용해 if...else 문을 보다 간결하게 작성할 수 있다.

const score = 85;

if (score >= 70) {
  console.log('Pass');
} else {
  console.log('Fail');
}

// 결과
Pass

const score = 85;

const result = score >= 70 ? 'Pass' : 'Fail';
console.log(result);

// 결과
Pass

확인하기

• 삼항 연산자는 조건이 간단하고, 조건에 따라 특정 값을 반환하는 경우에 사용된다.
• 삼항 연산자가 항상 if...else 문보다 좋은 것은 아니다.
• 삼항 연산자를 중첩해서 사용하면 코드가 복잡해져 가독성이 떨어진다.
• 복잡한 조건 분기에 따라 결과를 처리할 때는 if...else 문이 더 적합하다.

const score = 85;

const grade =
  score > 90 ? 'A' : score > 80 ? 'B' : score > 70 ? 'C' : 'F';

console.log(grade);

// 결과
B