1일1끄적

자바스크립트 입문, 제어문 - 조건문 본문

개발/javascript

자바스크립트 입문, 제어문 - 조건문

inkor 2021. 10. 28. 20:49

●제어문

프로그램의 흐름을 제어할 수 있도록 도와주는 문장.

조건을 만족하는지의 여부에 따라 코드를 제어할 수 있는 조건문과 변수에 일치하는 경우의 값에 따라

코드를 제어할 수 있는 선택문, 특정 코드를 여러번 반복해서 실행할 수 있는 반복문이 있다.

 

※조건문

조건식의 값이 참인지, 거짓인지에 따라 자바스크립트 코드를 제어.

종류에는 if문, else문, 그리고 else if문이 있다

if(조건식){
자바스크립트 코드;
}

var num=10
if(num<10){
 document.write("hello");
}

 

○else문 

조건식을 만족할(true)경우와 만족하지 않을(false)경우 따라 실행되는 코드.

if(조건식){
자바스크립트 코드1;
}else{
자바스크립트 코드2;
}

<script>
 var result = confirm("정말 회원을 탈퇴하시나요?");
 if(result){
	document.write("탈퇴처리되었습니다");
 }else{
 	document.write("탈퇴취소되었습니다");
 }
</scirpt>

 

○else if

else if 문은 두 가지 이상의 조건식과 정해 놓은 조건을 만족하지 않았을 때 실행되는 코드

 

if(조건식1){
 코드1;
 }else if(조건식2){
 코드2;
 }else if(조건식3){
 코드3
 }else if(조건식4){
 코드4;
 }else if(조건식5){
 코드5;
 }else{
 코드6;
 }

<script>
var mon = prompt("현재는 몇 월?", "0");

if(mon >= 9 && mon <= 11){
    document.write("가을");
}else if(mon >= 6 && mon <= 8){
    document.write("여름");
}else if(mon >= 3 && mon <= 5){
    document.write("봄");
}else{
    document.write("겨울");
}
</script>

○중첩 if문

조건문 안에 조건문이 있는 경우 

 

if(조건식1){
 if(조건식2){
  자바스크립트 코드;
  }
 }
 
 <script>
var id ="test1111"
var pw="1234"

var userId=prompt("아이디를 입력해주세요");
var userPw=prompt("패스워드를 입력해주세요");

if(id==userId){
    if(pw==userPw){
        document.write(userId+"님 반갑습니다");
    }else{
        alert("비밀번호가 일치하지 않습니다.");
        location.reload(); // 브라우저 새로고침
    }
}else{
    alert("아이디가 일치하지 않습니다.");
    location.reload();
}

</script>

-출처: 자바스크립트+제이쿼리입문 책 중

http://www.kyobobook.co.kr/product/detailViewKor.laf?ejkGb=KOR&mallGb=KOR&barcode=9791163030034&orderClick=LAG&Kc=

Comments