자바스크립트 조건문은 if 와 switch로 나눌 수 있다.
이글에서는 if문을 좀더 다뤄보기로 하고 switch는 다음에 알아보도록 하겠다.
if 조건문
"만약에 ~하면 ~한다"가 컴퓨터 언어로 변환되는 것이다. 조건은 항상 boolean타입(true, false) 으로 표현되어야 한다.
if조건문은 if(조건식) 영역이 참(true) 이면, {} 코드 블록 사이의 실행문을 1회 실행한다.
반대로 if(조건식) 영역이 거짓(false)이면 if문을 종료한다.
if(조건문) {
// 로직(실행문);
}
//예시
if(수능 올1등급을 맞는다) {
// 서울대에 합격한다.
}
else 문
만약 조건이 거짓(false)일 때는 if문이 실행되지 않고 다음 조건으로 넘어간다.
이때 if문 뒤에 else를 적어주면 else가 실행 되게된다
if(조건식) {
// 로직(조건식이 참일때 실행);
} else {
// 로직(조건식이 거짓일때 실행);
}
// 예시
let score = 20 + 40;
if (score =< 70) {
console.log("축하합니다 합격입니다.");
} else {
console.log("죄송합니다 불합격입니다.");
}
// "죄송합니다 불합격입니다."
else if문
조건이 여러 개 일 경우에는 else if를 사용한다.
if (1번조건){
1번 조건이 true면 실행후 종료
} else if (2번조건){
2번 조건이 true면 실행후 종료
} else if (3번조건){
3번 조건이 true면 실행후 종료
} else if (4번조건){
4번 조건이 true면 실행후 종료
} else {
조건이 모두 flase면 실행
}
//예시
let score = 60;
if (score >= 90){ // 90점 이상 일 경우 A등급
console.log("A 등급 입니다.");
} else if (score >= 75){ // 75점 이상 89점 이하 일 경우 B등급
console.log("B 등급 입니다.");
} else if (score >= 65){ // 65점 이상 74점 이하 일 경우 C등급
console.log("C 등급 입니다.");
} else if (score >= 55){ // 55점 이상 64점 이하 일 경우 C등급
console.log("D 등급 입니다.");
} else { // 54이하 일 경우 F등급
console.log("F 등급 입니다.");
}
// "D 등급 입니다"
score는 60점이므로 55점이상 64점이하에서 실행되어 D등급 이다.
if문 중첩
if문은 중첩시켜 사용할 수 있다.
let score = 90;
let lecture = "sports";
if("sports" == lecture) { // lecture가 sports 일때 pass / fail 을 반환한다.
if (score >= 70){
console.log("점수 : pass");
} else{
console.log("점수 : fail");
}
} else { // lecture가 sports가 아닐때 조건에 따라 A/B/C/D/F 를 반환한다
if (score >= 90){
console.log("점수 : A");
}else if (score >= 80){
console.log("점수 : B");
}else if (score >= 70){
console.log("점수 : C");
}else if (score >= 60){
console.log("점수 : D");
}else {
console.log("점수 : F");
}
}
// lecture가 sports와 동일하고 score가 70점이상이니깐
// "점수 : pass" 가 출력된다.
조건식이 거짓으로 취급하는 값
아래 값들은 조건식이 실행될때 거짓값으로 반환하는 값이다.
1. false
2. undefined
3. null
4. 0
5. NaN
6. the empty string("")
'개발공부 > Javascript' 카테고리의 다른 글
Javascript : 반복문(for문) 정리 (0) | 2022.07.13 |
---|---|
Javascript : 배열(Array) 에 대한 설명 (0) | 2022.07.13 |
Javascript : 모든 연산자 정리 [산술연산자/비교연산자/논리연산자] (0) | 2022.07.13 |
Javascript : HTML DOM 이벤트 모음 (0) | 2022.07.12 |
Javascript : DOM 요소에 접근하고 조작하는 방법 (0) | 2022.07.12 |
댓글