✔ 자바스크립트의 조건문에 대해 정리합니다.
조건문에 대해서 |
:) 조건문을 정리하기 앞서 제어문에 대해서 살펴보자!
제어문 |
1. 제어문
: 주어진 조건에 따라 해당 실행문(= 조건문)을 실행하거나 반복 실행(= 반복문)을 할 때 사용한다.
일반적으로 소스 코드는 위에서 아래로 순서대로 실행된다. 하지만 제어문은 실행 순서를 주어진
조건에 따라 제어가 가능하다.
조건문 |
2. 조건문
1) if 문
: 조건식의 결과가 참(true)이면 주어진 실행문을 실행하며, 거짓(false)이면
아무것도 실행되지 않는다.
[ 형태 ]
if (조건식) {
조건식이 참이면 실행할 문장
}
|
◎ 블록 내의 문이 한 줄이면 중괄호({})를 생략할 수 있음
◎ 반대 상황을 가정할 때 else 문과 함께 쓰임
[예제]
let date = new Date();
let hours = date.getHours(); //현재 몇시인지
console.log('현재 시간은' + hours + ' 입니다.');
//현재 시간이 12시 이전일 경우
if (hours < 12) {
console.log('오전입니다.!!');
}
if (hours >= 12) {
console.log('오후입니다.');
|
2) if / else 문
: if문의 조건식이 거짓(false)일 때 실행된다.
[ 형태 ]
if(조건식 === 불표현식) {
조건식이 참이면 실행할 문장
} else {
조건식이 거짓이면 실행할 문장
}
|
◎ else 문은 생략이 가능하다.
[예제]
let date = new Date();
let hours = date.getHours(); //현재 몇시인지
console.log('현재 시간은' + hours + ' 입니다.');
if (hours < 12) {
console.log('오전입니다.!!');
} else { //hours가 12시 이후일 때 실행
console.log('오후입니다.');
}
|
3) if - else if 문 (= 중첩된 if 문, 다중 if 문)
: 여러 조건식을 명시할 때 사용할 수 있다. 사실 if - else if 문은 연달아 나온
두 개의 if / else 문을 중첩된 if문으로 간결하게 나타낸 구조이다.
[ 형태 ]
if (조건식1) {
조건식1이 참이면 실행할 문장
} else if (조건식2) {
조건식2가 참이면 실행할 문장
} else {
위 조건식1, 2가 거짓일때 실행할 문장
}
|
◎ 마지막으로 else 문을 작성한다.
[예제]
let date = new Date();
let hours = date.getHours(); //현재 몇시인지
console.log('현재 시간은' + hours + ' 입니다.');
//현재 시간이 12시 이전일 경우
if (hours < 12) {
console.log('오전입니다.!!');
}
if (hours >= 12) {
console.log('오후입니다.');
}
|
👍 성적프로그램 구현해보기
let score = prompt("점수를 입력해주세요");
if (score >= 90) {
console.log("당신의 학점은 A학점 입니다.");
} else if (score >= 80) {
console.log("당신의 학점은 B학점 입니다.");
} else if (score >= 75) {
console.log("당신의 학점은 C학점 입니다.");
} else if (score >= 65) {
console.log("당신의 학점은 D학점 입니다.");
} else {
console.log("당신의 학점은 F학점 입니다.");
}
|
'Frontend study > JavaScript' 카테고리의 다른 글
JavaScript - 6. 배열 (0) | 2022.02.27 |
---|---|
JavaScript - 5. 반복문 (0) | 2022.02.27 |
JavaScript - 3. 연산자 (0) | 2022.02.25 |
JavaScript - 2. 변수, 상수, 자료형 (0) | 2022.02.25 |
JavaScript - 1. 시작하기! (0) | 2022.02.25 |