else문, if else문

else문

else문은 조건식을 만족(true)할 경우와 만족하지 않을 경우(flase)에 따라 실행되는 코드가 달라집니다. 즉, 두 가지 결과가 나올 수 있습니다. 다음은 조건식의 만족 여부에 따라 실행되는 코드가 달라지는 else문의 기본형이다.

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

다음 예제를 통해 else문에 대해 알아보자 방문자에게 질의응답 창으로 좋아하는 숫자를 입력받고 if~else문을 사용하여 입력된 값이 짝수인지, 홀수인지에 따라 출력되는 결과가 다르게 나타나도록 했다.

{
01.    <script>
02.            var num = prompt("당신이 좋아하는 숫자는?"" "0");
03.
04.            if(num % 2 == 0) {
05.                document.write("당신이 좋아하는 숫자는 짝수입니다.");
06.            } else {
07.                document.write("당신이 좋아하는 숫자는 홀수입니다.");
08.            }
09.    </script>       
}

04~08행 num의 값을 2로 나눈 나머지의 값이 0이면 코드1을 실행하고 0이 아니면 코드2를 실행한다.

if else문

if else문은 두 가지 이상의 조건식과 정해 놓은 조건을 만족하지 않을 때 실행되는 코드로 이루어져 있다. 다음은 if else문의 기본형이다. 가장 위에 있는 조건식1부터 5까지 차례로 조건 검사를 하면서 만족(true)하는 값이 나오면 그에 해당하는 코드를 실행하고 조건문을 종료한다. 조건식 중 만족(true)하는 값이 하나도 없으면 else문의 중괄호{...}에 있는 코드를 실행한다.

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

다음은 질의응답 찾을 이용하여 현재는 몇 월입니까?를 묻고, if else문을 이용해 현재 월에 해당하는 계절과 관련된 문구가 출력되도록 작성한 예제입니다.

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

04~12행 mon의 값에 따라 다른 문장을 출력한다.