제어문(조건문에 대해)

JavaScript에서 제어문 문법에 대해 알아보도록 하죠.

 

제어문에는 크게 조건문/ 선택문/ 반복문이 있습니다.

 

• 조건문은 조건에 따라 코드를 실행(if/else/else if)
• 선택문은 경우에 따라 특정 코드를 실행(switch)
• 반복문은 지정 횟수만큼 코드를 반복 실행(while/for)

 

1. 조건문

조건문은 true 인지 false인지에 따라 제어합니다.

 

*if문

 true인 경우에만 코드를 실행합니다.

if(조건식){

실행 코드;

}

형태입니다. c언어와 비슷합니다.

<script>

var n=10;

if(n<13){
      document.write("Hi JavaScript");

}

</script>

이 경우에는 n이 13보다 작아서 true이기 때문에 코드가 실행됩니다.

 

false로 반환하는 특정 값들이 있습니다. 0,null,"",undefined 가 있습니다.

 

이외에 값들은 true입니다.

 

*else문

else문은 첫 조건에서 false가 나올 경우 다음 실행을 위한 조건문이라고 할 수 있습니다.

두 가지의 결과가 나옵니다.

if(조건식){

코드;

}

else{

코드;

}

 

<script>

    var num = prompt("당신이 좋아하는 숫자는?", "0");

    if(num % 2 == 0) {

        document.write("당신이 좋아하는 숫자는 짝수입니다.");

    } else {

        document.write("당신이 좋아하는 숫자는 홀수입니다.");

    }

</script>

즉 숫자 입력받아서 짝수인지 홀수인지 두가지 결과가 나오게 되는거죠!

 

prompt는 입력을 위한 함수입니다.

 

prompt와 비슷한 confirm함수는 인자로 메세지를 집어넣어서 확인 또는 취소(true or false) 로 선택하는 창이 뜨게하여 선택하게 합니다.

<script>

    var result = confirm("정말로 회원을 탈퇴하시겠습니까?");

    if(result) {

        document.write("탈퇴 처리되었습니다!");

    } else {

        document.write("탈퇴 취소되었습니다!");

    }

</script>

이런식으로 뜨게 됩니다. 확인을 누르면 if문의 실행코드 취소는 false로 else코드를 실행합니다.

 

*else if문

else if문은 연속된 조건들을 나열할 때 사용합니다.

if(조건식1){

}

else if(조건식 2){

}

else if(조건식 3){

}

.....

else{

}

<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>

즉 위에처럼 조건이 총 4개로 각각에 맞는 값에 따라 출력결과가 달라지는 형태입니다.

9~11월은 가을 6~8월은 여름 3~5월은 봄 그 외는 겨울입니다.

 

*중첩 if문

중첩 if문은 if문 안에 또 if문이 있는겁니다.

간단합니다. 첫 if문에서 만족할 경우 그것을 만족한 상태에서 또 조건이 있을 경우 사용합니다.

if(조건식)

{

if(조건식){

}

}

이는 흔히 방문자의 아이디 비번 입력 일치 여부에 이용됩니다.

즉 id가 일치하면 두번째로 비밀번호까지 검색을 하게하고 id가 일치하지않는다면 비밀번호는 무시하고 바로 아이디 오류라고 처리하면 됩니다.

<script>

    var id = "easy1004";

    var pw = "112233";

    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>

 

위의 코드처럼 사용하면 됩니다. location.reload()는 뒤에서 배우겠지만 브라우저에대해 f5버튼을 누른 새로고침 효과입니다.

alert()은 해당 메시지를 경고창을 출력해줍니다.