제어문은 프로그램의 흐름을 제어할 수 있도록 도와주는 문장을 말합니다. 제어문에는 조건의 만족 여부에 따라 코드나 값이 달라지게 됩니다.
조건문과 선택문, 반복문이 있는데 한가지씩 알아보겠습니다
조건문
조건문은 조건식의 값이 참인지, 거짓인지에 따라 JavaScript 코드를 제어합니다.
조건문의 종류에는 if 문, else문 그리고 else if 문이 있습니다.
1.if문
if문은 조건식을 만족할 경우에만 코드를 실행합니다.
true 또는 false를 무조건 반환하며 기본형과 간단한 예를 살펴보겠습니다.
if (조건식) {
코드;
}
기본형은 이렇게 쓰이고요. 이해를 위해 예제를 하나 보겠습니다.
var num=10;
if (num < 500) { //true를 반환합니다.
document.write("hello");
}
num이 500보다 작기 때문에 true 값을 가지게 되므로 안의 코드가 실행되어 hello가 출력됩니다.
조건식에 논리형 데이터가 아닌 다른 형이 오는 경우
조건식에 논리형 데이터(true, false)가 아닌 다른 형의 데이터가 입력되어도 true 또는 false로 인식됩니다.
아래의 값이 조건식에 입력되면 false를 반환하고 그 밖의 값은 true로 인식합니다.
0, null, ""(빈문자), undefined
ex)
var num = 0;
if(num){
document.write(num);
}
조건식에 0값이 들어가 false로 인식하므로 출력이 안됩니다!
2.else 문
else 문은 조건시을 만족할 경우와 만족하지 않을 경우에 따라 실행되는 코드가 달라집니다.
기본형)
if (조건식) {
코드1;
} else {
코드2;
}
ex)
var num = prompt ("당신이 좋아하는 숫자는?", "0");
if(num % 2){ //짝수인 경우에 실행
document.write("당신이 좋아하는 숫자는 짝수입니다.");
} else { //홀수인 경우에 실행
document.write("당신이 좋아하는 숫자는 홀수입니다.");
}
3.else if 문
else if 문은 두 가지 이상의 조건식과 정해 놓은 조건을 만족하지 않았을 때 실행되는 코드로 이루어져 있습니다.
기본형)
if (조건식1) {
코드1;
} else if (조건식2) {
코드2;
} else if (조건식3) {
코드3;
} else {
코드4;
}
ex)
var num = 10;
if (num>=1&&num<=3) {
document.write("1~3 사이 입니다");
} else if (num>=4 && num <=6) {
document.write("4~6 사이 입니다");
} else if (num>=7 && num<=9) {
document.write("7~9 사이 입니다");
} else {
document.write("10 이상 입니다");
};
if와 else if문의 조건식이 모두 false로써 조건을 만족하지 않았기 때문에 else안의 코드가 실행됩니다.
4.중첩 if 문
조건문 안에 조건문이 있으면 중첩 if문이라고 합니다.
기본형)
if (조건식1) {
if (조건식2) {
코드1;
}
}
자바스크립트 조건문인 IF문, ELSE문, ELSE IF문, 중첩IF문에 대해 알아봤습니다.
'[Javascript] 자바스크립트' 카테고리의 다른 글
| [Javascript] 자주쓰는 함수 charAt, concat, Math.floor, getDate, getTime등 (0) | 2024.10.31 |
|---|---|
| [Javascript] 선택문 switch, 반복문 while, dowhile, for, break, continue (0) | 2024.10.29 |
| [Javascript] 기초문법(4) 논리, 삼항 연산자, 연산자 우선순위 (0) | 2024.10.25 |
| [Javascript] 기초문법(3) 문자결합, 대입/증감/비교 연산자 (0) | 2024.10.24 |
| [Javascript] 기초문법(2) 변수선언, 자료형, 변수선언시 주의사항 (2) | 2024.10.22 |