티스토리 뷰
조건문
조건문이란 프로그램 내에서 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문입니다.
조건문의 종류에는 if문, else문, else if, switch문이 있습니다.
if문
if문은 표현식 결과과 참(true)이면 주어진 실행문을 실행하며, 거짓(false)이면 아무것도 실행하지 않습니다.
if(조건식)
자바스크립트 코드
}
자바스크립트 코드
}
적용 예시
<script>
var num = prompt("하루의 몇시간 공부하시나요?", "0");
if(num >= 5){
document.write("공부를 열심히 하시네요."); //5시간 이상일결우 결과값(true)
}
document.write("조금 더 공부하셔야 합니다.") //5시간 미만일경우 결과값(false)
<script>
조건식에 논리형 데이터가 아닌 다른 형이 오는 경우
조건식에 논리형 데이터(true, false)가 아닌 다른 형의 데이터가 입력되어도 true또는 false로 인식됩니다.
0, null, ""(빈문자), undefined 이러한값들이 입력되면 false를 반환
적용 예시
var num = 3;
if(num){
document.write(num); //3은 true 입니다.
}
var num = 0;
if(num){
document.write(num); //0은 true 입니다.
}
else문
if 문과 같이 사용할 수 있는 else 문은 if 문의 표현식 결과가 거짓(false)일 때 주어진 실행문을 실행합니다. 즉, 두가지의 결과값이 나올 수 있습니다.
if(조건식){
자바스크립트 코드1
} else{
자바스크립트 코드2
}
자바스크립트 코드1
} else{
자바스크립트 코드2
}
적용 예시
<script>
var num = prompt("당신이 좋아하는 숫자는?", "0");
if(num % 2 == 0){
document.write("당신이 좋아하는 숫자는 짝수입니다."); // 짝수일경우 결과값(true)
} else
document.write("당신이 좋아하는 숫자는 홀수입니다.") // 홀수일경우 결과값(false)
}
<script>
else if문
else if 문은 if 문처럼 표현식을 설정할 수 있으므로, 중첩된 if 문을 좀 더 간결하게 표현할 수 있습니다.
하나의 조건문 안에서 if 문과 else 문은 단 한 번만 사용될 수 있습니다.
하지만 else if 문은 여러 번 사용되어 다양한 조건을 설정할 수 있습니다.
if(조건식1){
코드1
} else if(조건식2)
코드2
} else if(조건식2)
코드3
} else if(조건식2)
코드4
} else {
코드5
}
코드1
} else if(조건식2)
코드2
} else if(조건식2)
코드3
} else if(조건식2)
코드4
} else {
코드5
}
적용 예시
<script>
var mon = prompt("현재는 몇 월 입니까?, "0");
if(mon % 9 && mon < 11){
document.write("독서의 계절 가을이네요."); // 9 ~ 11
} else if(mon >= 6 && mon <= 8){
document.write("여행가기 좋은 여름이네요.") // 6 ~ 8
} else if(mon >= 3 && mon <= 5){
document.write("여행가기 좋은 여름이네요.") // 3 ~ 5
} else{
document.write("스키의 계절 겨울이네요.") // // 나머지 값
}
<script>
중첩 if문
조건문 안에 조건문이 있으면 중첩 if문 이라고 합니다.
중첩 if문은 바깥쪽에 있는 조건문1을 만족해야만 안쪽에있는 조건문2를 검사합니다.
if(조건식1){
if(조건식2){
자바스크립트 코드;
}
}
if(조건식2){
자바스크립트 코드;
}
}
적용 예시
<script>
var id = "easy1004";
var pw = "112233";
var userId = prompt("아이디는? ", "");
var userPw = prompt("비밀번호는? ", "");
if(id == userId ) {
if(pw == userPw) {
documnet.write(userId + "님 반갑습니다!");
}else {
alert(userId + "님 비밀번호가 틀렸습니다.");
location.reload();
}
else {
alert("아이디가 틀렸습니다.");
location.reload();
}
}
<script>
반응형
'Javascript' 카테고리의 다른 글
| JavaScript 데이터 저장하기 변수 / 상수 (0) | 2022.02.14 |
|---|---|
| Javascript 함수 (0) | 2022.02.09 |
| 연산자 종류 (6) | 2022.02.07 |
| 반복문 for문과 while문 (17) | 2022.01.28 |
| Javascript 자료형 (0) | 2022.01.28 |
댓글
© 2022 babydevelop