조건 연산자(conditional operator), 흔히 삼항 연산자(ternary operator)라고 불리는 이 연산자는 먼저 표현식을 평가하여 참(true) 또는 거짓(false) 값을 구한 뒤, 그 평가 결과에 따라 두 문장 중 하나를 실행합니다. if~else 문을 한 줄로 간결하게 표현할 수 있어 자바스크립트에서 매우 널리 사용됩니다.
연산자 및 설명
| 번호 | 연산자 및 설명 |
|---|---|
| 1 | ? : (조건 연산자) 조건이 참이면 값 X를, 그렇지 않으면 값 Y를 반환합니다. |
기본 문법
삼항 연산자의 기본 문법은 다음과 같습니다.
condition ? valueIfTrue : valueIfFalse;
조건(condition)이 참으로 평가되면 valueIfTrue가 반환되고, 거짓으로 평가되면 valueIfFalse가 반환됩니다.
예제
다음 코드를 직접 실행해 보면 자바스크립트에서 삼항 연산자가 어떻게 동작하는지 쉽게 이해할 수 있습니다.
실시간 데모
<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>
</body>
</html>
실행 결과
((a > b) ? 100 : 200) => 200 ((a < b) ? 100 : 200) => 100
변수 a(10)는 b(20)보다 작기 때문에 첫 번째 표현식 (a > b)는 거짓으로 평가되어 200을 반환하고, 두 번째 표현식 (a < b)는 참으로 평가되어 100을 반환합니다. 이처럼 삼항 연산자를 활용하면 간단한 조건 분기를 짧고 읽기 쉬운 코드로 작성할 수 있습니다.