if문은 자바스크립트에서 가장 기본이 되는 제어문으로, 프로그램이 조건에 따라 판단을 내리고 특정 코드를 선택적으로 실행할 수 있도록 해줍니다. 즉, '만약 어떤 조건이 참이라면 이 코드를 실행하라'는 논리를 구현하는 핵심 도구입니다.
if문 기본 문법
기본적인 if문의 문법은 다음과 같습니다.
if(expression){
// 표현식(expression)이 true일 때 실행될 문장
}여기서 괄호 안의 자바스크립트 표현식이 먼저 평가됩니다. 평가 결과가 true(참)이면 중괄호 안의 문장들이 실행되고, false(거짓)이면 해당 문장은 실행되지 않고 그대로 건너뛰게 됩니다.
실제 개발에서는 대부분 비교 연산자(>, <, ===, !== 등)나 논리 연산자(&&, ||)를 활용해 조건을 작성합니다. 예를 들어 사용자의 나이가 특정 값 이상인지, 입력값이 유효한지 등을 판단할 때 if문이 널리 사용됩니다.
if문 예제
아래 예제를 직접 실행해 보면 자바스크립트에서 if문이 어떻게 동작하는지 쉽게 이해할 수 있습니다.
<html>
<body>
<script>
var age = 25;
if( age > 18 ){
document.write("투표권이 있습니다!");
}
</script>
<p>변수 값을 다르게 바꿔서 다시 실행해 보세요.</p>
</body>
</html>예제 설명
위 코드에서는 변수 age에 25를 할당한 뒤, age > 18이라는 조건을 검사합니다. 25는 18보다 크므로 조건식이 true가 되어, 브라우저 화면에 "투표권이 있습니다!"라는 문구가 출력됩니다.
반대로 age 값을 15처럼 18 이하로 바꾸면 조건식이 false가 되어 아무것도 출력되지 않습니다. 변수 값을 여러 번 바꿔가며 실행해 보면 조건문의 동작 원리를 더욱 확실히 익힐 수 있습니다.
정리
if문은 자바스크립트 프로그래밍의 출발점이라고 할 수 있는 조건 처리 방식입니다. 이 기본 구조를 익히면 이후에 배우게 될 else문, else if문, switch문 등 다양한 분기 처리 문법을 훨씬 쉽게 이해할 수 있습니다.