Ⅰ. 조건문
1. 조건문
- 자바스크립트의 제어문에는 if 조건문과 switch 조건문이 있음
2. if 문의 구조
- if 문의 조건식 결과가 True라면 명령문을 실행
- 조건식의 결과가 False라면 명령문을 건너 뜀
console.clear();
var a = 10;
// a가 5보다 크므로 조건문이 True임
if (a > 5) {
console.log('참'); // 참
}
3. if ~ else 문의 구조
- if 문의 조건식 결과가 True라면 명령문을 실행
- if 문의 조건식 결과가 False라면 if문 안에 명령문을 실행하지 않고 else문 안에 명령문을 실행
console.clear();
var a = 3;
// a가 5보다 작으므로 조건문이 False임
if (a > 5) {
console.log('참');
} else {
console.log('거짓'); // 거짓
}
4. if ~ else if 문의 구조
- if 문의 조건식 결과가 True라면 명령문1을 실행
- if 문의 조건식 결과가 False라면 if 문 안에 명령문을 실행하지 않고 else if 문의 조건문을 확인함
- else if 문의 조건문이 True일 경우, else if 문 안에 명령문을 실행
- else if 문의 조건문이 False일 경우, else if 문 안에 명령문을 실행하지 않음
console.clear();
var age = 18;
// 나이가 18세 이므로 조건문에 맞는 청소년이 출력됨
if (age >= 20) {
console.log('성인');
} else if (age <= 19) {
console.log('청소년'); // 청소년
} else if (age <= 10) {
console.log('10세 이하');
}
5. switch 조건문
- 조건문에 맞는 case를 찾아서 실행함
- break를 넣지 않으면 모든 경우를 실행하므로 break를 넣어야 함
- default는 모든 조건이 해당 되지 않을 경우, 실행함
console.clear();
var a = 3;
switch (a - 2) {
case 0 :
console.log('0');
break;
case 1 :
console.log('1');
break;
case 2 :
console.log('2');
break;
case 3 :
console.log('3');
break;
default :
console.log('잘못된 값');
break;
}
'Front-End Study > JavaScript' 카테고리의 다른 글
Console (0) | 2022.10.25 |
---|---|
제어문 - 3. 반복문 (0) | 2022.10.25 |
연산자 (0) | 2022.10.23 |
자료형 (0) | 2022.10.23 |
변수 - 2. 스코프 (Scope) (0) | 2022.10.23 |