if문 ,중첩if문

if문

if문은 조건식을 만족(true)할 경우에만 코드를 실행한다. 다음은 if문의 기본형이다 조건식은 Boolean()내장 메서드와 마찬가지로 그 어떤 데이터를 입력해도 true 또는 false를 반환한다.

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

적용예제 1

{
    var num = 10;
    if(num<500){     //true 반환
        document.write("hello")
    }
}

적용예제1에서 num < 500의 비교 결과는 10 < 500이므로 true를 반환함. 조건문 내의 코드를 실행하면 "hello"가 출력된다.

적용예제 2

{
    if (0) {    //false 반환
        document.write("hello")
    }
}

적용예제2에서 조건식에 있는 0은 Boolean()메서드에 0을 입력했을 떄와 결과가 같음. 그 결과 false를 반환하여 조건문의 코드가 실행되지 않는다.

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

조건식에 논리형 데이터 (true,false)가 아닌 다른 형의 데이터가 입력되어도 true 또는 false로 인신된다. 다음은 조건식에 논리형 데이터가 아닌 다른 형의 데이터가 입력되었을 때 반환되는 결과다.

0, null, " "(빈문자), undefined

출력되는 경우
{
        var num=3;
        if(num) {   //3은 true이다.
            document.write(num)
        }
}

출력되지 않는 경우
 {
    var num=0;
    if(num) {   //0은 false이다.
        document.write(num);
    }
}

중첩 if문

조건문 안에 조건문이 있으면 중첩 if문이라고 한다. 다음은 중첩 if문의 기본형이다.

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

중첩 if문은 바깥쪽에 있는 조건문인 조건식1을 만족해야만 안쪽에 있는 조건문인 조건식2를 검사한다. 만일 안쪽 if문의 조건식2를 만족하지 않으면 바깥쪽 조건문인 조건식1의 중괄호 안에 있는 코드만 실행되고 종료된다.

다음은 중첩if문을 사용해 아이디와 비밀번호가 일치했을 때 환영 문구가 출력되도록 작성한 예시이다. 비밀번호가 일치하지 않을 경우에는 브라우저가 새로 고침이 된다.

{
01.   <script>
02.        var id = "easy1004" //아이디
03.        var pw = 112233     //비밀번호
04.
05.        var user_id = prompt("아이디는?");   //아이디 입력
06.        var user_pw = prompt("비밀번호는?")     //비밀번호 입력
07.
08.        if(id == user_pw) {
09.            if(pw == user_pw){
10.            document.write(user_id+"님 반갑습니다")     //비밀번호가 일치하면 실행
11.        }else {
12.            alert("비밀번호가 일치하지 않습니다.");     //비밀번호가 일치하지 않으면 실행
13.            location.reload();  //브라우저 새로고침
14.        }
15.        }else {
16.            alert("아이디가 일치하지 않습니다.")        //아이디가 일치하지 않으면 실행
17.            location.reload();  //브라우저 새로고침
18.        }
19.    </script>
}

비밀번호가 일치하면 10.이 실행되고 일치하지 않으면 12.이 실행되서 13.브라우저가 새로고침이 된다. 만약 아이디가 일치하지 않으면 16.이 실행되어서 17. 브라우저가 새로고침이 된다.