자바스크립트(JavaScript)에서 조건문은 코드의 흐름을 제어하는 데 중요한 역할을 합니다. 조건문을 사용하면 특정 조건에 따라 다른 명령을 실행할 수 있습니다. 이번 글에서는 자바스크립트의 주요 조건문인 if, else if, else, switch에 대해 설명하고, 이들을 어떻게 사용하는지 예제를 통해 살펴보겠습니다.
1. if 문
if 문은 조건이 참일 때 코드 블록을 실행합니다. 기본 문법은 다음과 같습니다.
if (조건) {
// 조건이 참일 때 실행할 코드
}
예제
let age = 18;
if (age >= 18) {
console.log("성인입니다.");
}
위 코드에서 age가 18 이상이면 "성인입니다."라는 메시지가 출력됩니다.
2. else 문
else 문은 if 문의 조건이 거짓일 때 실행할 코드를 정의합니다. 기본 문법은 다음과 같습니다.
if (조건) {
// 조건이 참일 때 실행할 코드
} else {
// 조건이 거짓일 때 실행할 코드
}
예제
let age = 16;
if (age >= 18) {
console.log("성인입니다.");
} else {
console.log("미성년자입니다.");
}
위 코드에서 age가 18 미만이므로 "미성년자입니다."라는 메시지가 출력됩니다.
3. else if 문
else if 문은 여러 조건을 순차적으로 검사할 때 사용됩니다. 기본 문법은 다음과 같습니다.
if (조건1) {
// 조건1이 참일 때 실행할 코드
} else if (조건2) {
// 조건2가 참일 때 실행할 코드
} else {
// 위 조건들이 모두 거짓일 때 실행할 코드
}
예제
let score = 85;
if (score >= 90) {
console.log("A 학점");
} else if (score >= 80) {
console.log("B 학점");
} else if (score >= 70) {
console.log("C 학점");
} else {
console.log("F 학점");
}
위 코드에서 score가 85이므로 "B 학점"이라는 메시지가 출력됩니다.
4. switch 문
switch 문은 하나의 변수나 표현식을 여러 값과 비교할 때 사용됩니다. 기본 문법은 다음과 같습니다.
switch (표현식) {
case 값1:
// 표현식이 값1과 일치할 때 실행할 코드
break;
case 값2:
// 표현식이 값2와 일치할 때 실행할 코드
break;
default:
// 위 모든 값과 일치하지 않을 때 실행할 코드
}
예제
let day = 3;
let dayName;
switch (day) {
case 0:
dayName = "일요일";
break;
case 1:
dayName = "월요일";
break;
case 2:
dayName = "화요일";
break;
case 3:
dayName = "수요일";
break;
case 4:
dayName = "목요일";
break;
case 5:
dayName = "금요일";
break;
case 6:
dayName = "토요일";
break;
default:
dayName = "잘못된 요일";
}
console.log(dayName); // "수요일"
위 코드에서 day가 3이므로 "수요일"이라는 메시지가 출력됩니다.
조건문 중첩
조건문은 중첩해서 사용할 수 있습니다. 즉, if 문 안에 또 다른 if 문을 넣을 수 있습니다.
예제
let num = 10;
if (num > 0) {
if (num % 2 === 0) {
console.log("양수이면서 짝수입니다.");
} else {
console.log("양수이면서 홀수입니다.");
}
} else {
console.log("0 또는 음수입니다.");
}
위 코드에서 num이 10이므로 "양수이면서 짝수입니다."라는 메시지가 출력됩니다.
결론
자바스크립트의 조건문은 코드의 흐름을 제어하고, 다양한 상황에 따라 다른 동작을 수행할 수 있도록 도와줍니다. if, else if, else, switch 문을 적절히 사용하면 복잡한 로직도 간단하게 구현할 수 있습니다. 이 글이 자바스크립트 조건문을 이해하는 데 도움이 되길 바랍니다. 질문이나 추가적인 피드백이 있다면 언제든지 댓글로 남겨주세요!
'코딩 > JavaScript' 카테고리의 다른 글
자바스크립트 함수: 초보자를 위한 가이드 (0) | 2024.06.23 |
---|---|
자바스크립트의 연산자 (0) | 2024.06.23 |
자바스크립트의 변수 명명 규칙 (0) | 2024.06.23 |
자바스크립트의 변수 (0) | 2024.06.23 |
자바스크립트(JavaScript)의 특징과 장단점 (0) | 2024.06.23 |