[JavaScript] 물음표연산자 (삼항조건연산자)

요약

물음표 연산자의 장점은 조건문을 if문보다 간결하게 사용할 수 있다.
다만, 로직이 복잡하고 길어질 경우 삼항조건연산자이 오히려 가독성이 떨어질 수 있기 때문에 상황에 맞춰서 if문과 삼항조건연산자를 적절히 사용해야 한다.

• 삼항조건연산자
  const 변수 = (조건문) ? 'true일 때' : 'false일 때'
• 다중삼항조건연산자
  const 변수 = (조건문1) ? '조건문1 일때' : (조건문2) ? '조건문2일때'

물음표연산자 = 삼항조건연산자

물음표연산자 = 삼항조건연산자는 조건문을 피연산자3개로 표현한 것이다.

조건문은 if문이다.

const a = 1;

if(a == 1) {
	console.log(a); // 1
} else {
	console.log('오답!');
}

삼항조건연산자는 const 변수 = (조건문) ? 'true일때' : 'false일때';

위의 if문을 삼항조건연산자로 표현하면 아래와 같다.

const a = 1;
const value = a==1? a:'오답';
value;

다중조건 if문

const a = 1;
if(a == 1) {
	console.log(a); // 1
} else if (a > 1) {
	console.log('큼!');
} else {
	console.log('작음');
}

다중삼항조건연산자는
const 변수 = (조건문1) ? '조건문1 일때' : (조건문2) ? '조건문2일때'

const a = 1;
const value = a==1? a : a > 1 ? '큼' : '작음';
value;