[Javascript] 제어문(if/else/else if/중첩 if)

if 문

조건식을 만족(true)할 경우에만 코드를 실행하며,  그 어떤 데이터를 입력해도 true 또는 false를 반환

if(조건식) {

    자바스크립트 코드;

}

 

예제 코드

<script type="text/javascript">

    console.log('시작');

    let age = 10;

    if(age >= 8){
        // 조건이 참일 경우에만 실행되는 실행문(if)
        console.log('학교에 다닙니다.');
    }

    console.log('끝');
</script>

 

console 출력

 

 

---

 else문

조건식을 만족할(true) 경우와 만족하지 않을(false) 경우에 따라 실행되는 코드가 달라지며,

두가지 결과가 나올 수 있음.

 

if(조건식) {

    자바스크립트 코드 1;

    } else {

    자바스크립트 코드 2;

}

 

예제 코드

<script type="text/javascript">

    document.write('=====시작======</br>');

    num = 3;
    
    if(num % 2 == 0){
        document.write("<p>이 변수는 짝수입니다.</p>");
    } else {
        document.write("<p>이 변수는 홀수입니다.</p>")
    }

    document.write('=====끝======</br>');
    
</script>

 

출력

 

---

 

else if문

두 가지 이상의 조건식과 정해 놓은 조건을 만족하지 않았을 때 실행되는 코드로 나누어짐.

 

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

 

예제 코드

<script type="text/javascript">

    let score = 20;

    if( score >= 90 )        {
        console.log('A');
    } else if ( score >= 80) {
        console.log('B');
    } else if ( score >= 70) {
        console.log('C');
    } else if ( score >= 60) {
        console.log('D');
    } else {
        console.log('F');
    }

</script>

 

console 출력

 

---

중첩 if문

조건문 안에 조건문이 있으면 중첩 if문

if(조건식 1) {

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