조건문: 어떤 연산 결과의 참/거짓에 따라 각각 다른 명령을 실행할 수 있도록 함.
1) if문
[구조]
if (조건식) {...}
else if (조건식) {...}
else {...}
let a = 3;
if (a >= 5) {
//괄호 안의 조건식이 참인 경우 실행
console.log("5 이상의 수");
} else {
//괄호 안의 조건식이 거짓인 경우 실행
console.log("5 미만의 수");
}
let a = 5;
if (a >= 10) {
//괄호 안의 조건식이 참인 경우 실행
console.log("10 이상의 수");
}
else if (a >= 5) {
//괄호 안의 조건식이 참인 경우 실행
console.log("5 이상의 수");
}
else if (a >= 0) {
//괄호 안의 조건식이 참인 경우 실행
console.log("0 이상의 수");
}
else {
//위의 조건식들이 모두 거짓인 경우 실행
console.log("음수");
}
↳ 화면에 '5 이상의 수'가 출력됩니다.
2) switch문
체이닝되는 조건이 많은 경우에는 switch문을 사용하는 것이 좋습니다.
[구조]
switch (매개 변수) {
case 비교대상1:
실행문1
break;
case 비교대상2:
실행문2
break;
⁞
default:
실행문
break;
}
let country = "ko";
switch(country) {
case "ko":
console.log("한국");
break;
case "cn":
console.log("중국");
break;
case "jp":
console.log("일본");
break;
case "uk":
console.log("영국");
break;
default:
//위의 모든 case에 해당되지 않을 때 실행 (if문의 else와 같은 역할)
console.log("미 분류");
break;
}
↳ 화면에 '한국'이 출력됩니다.
'웹 > JavaScript' 카테고리의 다른 글
[JS] 8. 기초 문법: 함수 표현식 & 화살표 함수 (+호이스팅) (0) | 2022.07.15 |
---|---|
[JS] 7. 기초 문법: 함수 (0) | 2022.07.15 |
[JS] 5. 기초 문법: 연산자 (0) | 2022.07.15 |
[JS] 4. 기초 문법: 자료형과 형 변환 (0) | 2022.07.14 |
[JS] 3. 기초 문법: 변수와 상수 (0) | 2022.07.14 |