Back

조건문

조건문은 조건의 값이 참(true)인지, 거짓(false)인지에 따라 자바스크립트 코드를 제어합니다. 예를 들어 질의응답 창을 이용해 방문자가 좋아하는 숫자를 입력받는다. 이때 입력된 값을 2로 나누어 나머지 값이 0이면 "당신이 좋아하는 숫자는 짝수입니다."라고 출력하게 하고, 아닐 경우에는 "당신이 좋아하는 숫자는 홀수입니다."라고 출력하게 한다고 하자. 이렇게 수를 나눈 나머지 값에 따라 다른 결과를 출력하게 하려면 조건문을 사용해야 한다. 조건문의 종류에는 if 문, else 문 그리고 else if 문이 있다.

if 문

if 문은 조건식을 만족(true)할 경우에만 코드를 실행한다.

조건식은 Boolean() 내장 메서드와 마찬가지로 그 어떤 데이터를 입력해도 true 또는 false를 반환한다.

if 문 기본형

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

예시

<script>
    var wlkAmount = prompt("당신의 하루 걷는 양은 몇 보인가요?", "0");

    if(walkAmount >;= 10000){
        document.write("매우 좋은 습관을 지니고 계시는군요!!", "<br>");
    }
    document.write("========== The End ==========");
</script>

if(walkAmount > 10000) {...}는 질의응답 창에 10,000 이상 입력했을 경우에 중괄호({...])의 코드를 실행합니다.

조건식에 논리형 데이터가 아닌 다른 형이 오는 경우

조건식에 논리형데이터(true, false)가 아닌 다른 형의 데이터가 입력되어도 true 또는 false로 인신된다.

출력되는 경우

var num=3;
    if(num){    //3은 true
        document.write(num);
    }

출력되지 않는 경우

var num=0;
    if(num){    //0은 false
        document.write(num);
    }

else 문

else 문은 조건식을 만족할(true) 경우와 만족하지 않을(false) 경우에 따라 실행되는 코드가 달라진다. 즉, 두 가지 결과가 나올 수 있다.

else 문 기본형

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

예시

<script>
    var num = promt("당신이 좋아하는 숫자는?", 0);

    if(num % 2 == 0){   //짝수일 경우에 실행
        document.write("당신이 좋아하는 숫자는 짝수입니다.");
    } else{ //홀수일 경우에 실행
        document.write("당신이 좋아하는 숫자는 홀수입니다.");
    }
</script>

else문 if

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

else if 문 기본형

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

예시

<script>
    var mon = prompt("현재는 몇 월입니까?", "0");
    
    if(mon >= 9 && mon <= 11){    //9 ~ 11
        document.write("독서의 계절 가늘이네요!!");
    }else if(mon >= 6 && mon <= 8){    //8 ~ 6
        document.write("여행가기 좋은 여름이네요!!");
    }else if(mon >= 3 && mon <= 5){    //3 ~ 5
        document.write("햇살 가득한 봄이네요!!");
    }else{                                      //나머지 입력
        document.write("스키의 계절 겨울이네요!!");
    }
<script>

중첩 if문

조건문 안에 조건문이 있으면 중첩 if 문이라고 한다.

중첩 if 문 기본형

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

예시

<script>
    var id = "user123";    //아이디  
    var pw = "123123"       //비밀번호

    var user_id = prompt("아이디는?", "");      //아이디 입력
    var user_pw = prompt("비밀번호는?". "");    //비밀번호 입력
    
    if(id == user_id) {            //아이디가 일치할경우 실행
    if(pw == user_pw) {
        document.write(user_id+"님 환영합니다.");    //비밀번호가 일치할경우 실행            
        } else {
            alert("비밀번호가 틀렸습니다.");           //비밀번호가 일치하지않을경우 실행
            location.reload();             // 브라우저 새로 고침
        }
    } else {
        alert("아이디가 일치하지 않습니다.");       //아이디가 일치하지 않을경우 실행
        location.reload();
    }
</script>