조건문 (If)

조건문

조건문은 조건식의 값이 true인지, false인지에 따라 자바스크립트 코드를 제어합니다. 조건문의 종류에는 if문, else문, if else문이 있습니다.

if문

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

</script>
{
    var num = 100;
    if(num<500){ //True를 반환합니다. 
        document.write("hello");
    }
    if(0){ //조건식에 0을 입력하면 False를 반환합니다. 
        document.write("hello");
    }
}
</script>

이런 식으로 활용할 수 있겠죠?

 

<script>
{
    var min = prompt("하루 통화량은 몇분?", "0");

    if(min>=60) {
        document.wirte("많음.") //60 이상을 입력하면 "많음." 출력. 60 미만이면 아무것도 출력하지 않음.
    };  
}
</script>

---

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

조건식에 true, false가 아닌 다른형의 데이터가 입력되어도 정상적으로 인식합니다.

0, null, "", undefined 값이 조건식에 오는 경우 false를 반환합니다.// 출력되지 않습니다.
이외의 값들은 true로 반환됩니다.

조건식에 들어올 수 있는 데이터의 종류

true, false,1, "1", 0, "0", null, undefined, [ ]배열, { }객체.
연산자를 사용하여 true 혹은 false로 나타낼 수 있는 데이터가 들어올 수 있습니다.

---

출력되는 경우

var num = 3;
if(num){ document.write(num); }
//true 이므로 3이 출력됩니다.

출력되지 않는경우

var num = 0;
if(num){ document.write(num); }
//0은 false 이므로 출력되지 않습니다.

---

else 문

true가 아닐경우, else. 즉 false의 경우에 따라 실행되는 코드입니다.

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

 

<script>
{
    var min = prompt("하루 통화량은 몇분?", "0");

    if(min>=60) {
        document.wirte("많음.") //60 이상을 입력하면 "많음." 출력. 
    }else {
        document.write("적음") // 60 미만이면 "적음." 출력
    }    
}
</script>

if else 문

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

else if 라고 부르기도 하지만 의미는 통하니 상관 없다고 생각합니다 ㅎㅎ

{
    const num = 100; //조건식의 변화에 따라 변수 값에 맞는 결과를 도출합니다.

    if(num == 90){
        document.write("실행되었습니다(num==90)");
    } else if (num ==100){
        document.write("실행되었습니다(num==100)");
    } else if (num ==110){
        document.write("실행되었습니다(num==110)");
    } else if (num ==120){
        document.write("실행되었습니다(num==120)");
    } else {
        document.write("실행되었습니다(num==값이없음)");
    }
}

 

{
    var mon = prompt("몇 월이니?", "0");

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

중첩 if 문

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

{
    if (조건식1){       
        if(조건식2){
            자바스크립트 코드;// 조건식 1을 만족해야만 조건식2를 검사합니다. 만족하지 않으면 조건식1만 실행 후 종료.                                
        }
    }
}

 

{
     let a = 100;
     let b = 100;
     let c = 200;
     let d = 200;

     if(a==b){ //조건문1 이 만족하면 실행합니다.
         if(c==d){
            document.write("hello."); // 조건문 2가 만족하면 실행합니다.
         }
     } eles {
        document.write("bye."); //조건문이 만족하지 않으면 실행합니다.
     }
}

---

조건문은 단독으로 쓰이기도 하지만  for문 이나 이벤트 객체 등 다양한 방법 안에서 부품으로 쓰이는 경우가 많습니다. 정확한 개념을 숙지하면 다양하게 쓰일 수 있으니 잘 알아두면 좋습니다.  다음에는 다양한 조건문 예제로 찾아오겠습니다.