JavaScript에서 if...else 문은 조건에 따라 코드 실행 흐름을 제어하는 대표적인 제어문입니다. 조건식의 결과가 참(true)인지 거짓(false)인지 판단하여, 서로 다른 코드 블록을 실행할 수 있도록 해줍니다.
if...else 문 기본 문법
if...else 문의 기본 구조는 다음과 같습니다.
if (조건식) {
// 조건식이 true일 때 실행되는 코드
} else {
// 조건식이 false일 때 실행되는 코드
}동작 원리
JavaScript는 먼저 괄호 안의 조건식(expression)을 평가합니다. 평가 결과가 true이면 'if' 블록 내부의 문장이 실행되고, 결과가 false이면 'else' 블록 내부의 문장이 실행됩니다. 즉, 두 블록 중 반드시 하나만 실행됩니다.
if...else 문 예제
다음 예제를 직접 실행해 보면 JavaScript에서 if...else 문이 어떻게 동작하는지 쉽게 이해할 수 있습니다.
<html>
<body>
<script>
var age = 10;
if( age > 18 ) {
document.write("Eligible to vote!");
} else {
document.write("<b>Not eligible to vote!");
}
</script>
</body>
</html>예제 설명
위 코드에서 변수 age에는 10이라는 값이 저장되어 있습니다. 조건식 age > 18을 평가하면 10은 18보다 크지 않으므로 결과는 false가 됩니다. 따라서 else 블록이 실행되어 화면에 "Not eligible to vote!"(투표 자격이 없습니다)라는 메시지가 출력됩니다.
만약 age 값이 19 이상이라면 조건식이 true가 되어 if 블록이 실행되고, "Eligible to vote!"(투표 자격이 있습니다)라는 메시지가 대신 출력됩니다.
정리
if...else 문은 프로그램이 상황에 따라 다르게 동작하도록 만드는 핵심 도구입니다. 단순한 참/거짓 판단부터 사용자 입력 검증, 게임 로직 분기 등 다양한 상황에서 활용되므로, JavaScript 학습 초기 단계에서 반드시 익혀야 할 필수 개념입니다.