JavaScript의 조건부 연산자(Conditional Operator)는 '삼항 연산자'라고도 불리며, 먼저 표현식을 평가하여 참(true) 또는 거짓(false) 값을 판별한 뒤, 그 평가 결과에 따라 두 개의 표현식 중 하나를 실행합니다.
조건부 연산자 개요
| 번호 | 연산자 및 설명 |
|---|---|
| 1 | ? : (조건부) 조건이 참(true)이면 값 X를 반환하고, 그렇지 않으면 값 Y를 반환합니다. |
기본 문법
condition ? value1 : value2
예제
다음 코드를 직접 실행해 보면서 JavaScript에서 조건부 연산자가 어떻게 동작하는지 확인해 보세요:
라이브 데모
<html>
<body>
<script>
<!--
var a = 10;
var b = 20;
var linebreak = "<br />";
document.write ("((a > b) ? 100 : 200) => ");
result = (a > b) ? 100 : 200;
document.write(result);
document.write(linebreak);
document.write ("((a < b) ? 100 : 200) => ");
result = (a < b) ? 100 : 200;
document.write(result);
document.write(linebreak);
//-->
</script>
<p>변수 값을 다르게 설정하고 다양한 연산자를 적용해 보세요...</p>
</body>
</html>실행 결과
((a > b) ? 100 : 200) => 200 ((a < b) ? 100 : 200) => 100
결과 설명
(a > b)는 10 > 20이므로 거짓(false)입니다. 따라서 콜론(:) 뒤의 값인 200이 반환됩니다.(a < b)는 10 < 20이므로 참(true)입니다. 따라서 물음표(?) 뒤의 값인 100이 반환됩니다.
이처럼 조건부 연산자는 간단한 if-else 문을 한 줄로 대체할 수 있어 코드를 더욱 간결하게 만들어 줍니다.