자바스크립트 조건문 정리

자바스크립트 조건문

자바스크립트에서 조건문은 주어진 조건이 참(true)인 경우에만 실행되는 코드 블록을 만들 수 있도록 한다.

 

01. if문

if문은 가장 간단한 조건문이다.
주어진 조건이 참이면 실행되는 코드 블록을 만든다.

    // false : 0, null, undefined, false, ""(빈문자열) 
    // true : 1, 2, "0", "1", "ABC", [], {}, true              
    if(0){
       document.write("실행되었습니다. (true)")
    } else {
       document.write( "실행되었습니다.(false)")
    }

02. if문 생략

    const num = 100;
    // if(num){
    //     document.write("실행되었습니다.(true)")
    // } else {
    //     document.write("실행되었습니다.(true)")
    // }

    if(num) document.write ("실행되었습니다.(true)")
    else document.write ("실행되었습니다.(false)")

 

03. If-else 문

if-else문은 주어진 조건이 참(true)이면 첫 번째 코드 블록을 실행하고, 그렇지 않으면 두 번째 코드 블록을 실행한다.

if (조건) {
  // 조건이 참일 때 실행되는 코드
} else {
  // 조건이 거짓일 때 실행되는 코드
}

 

04. else-if 문

else-if문은 여러 조건을 검사해야 할 때 사용됩니다. 첫 번째 if문이 거짓(false)인 경우, 다음 else-if문으로 이동하여 조건 검사를 수행한다. 모든 조건이 거짓인 경우, else문의 코드가 실행된다.

 

if (조건1) {
  // 조건1이 참일 때 실행되는 코드
} else if (조건2) {
  // 조건2가 참일 때 실행되는 코드
} else {
  // 모든 조건이 거짓일 때 실행되는 코드
}

 

05. 다중 if

여러 개의 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("실행되었습니다");
    }

06. 중첩 if

중첩 if문은 if문 안에 또 다른 if문을 사용하는 것이다.
이렇게 중첩된 if문은 복잡한 조건문을 작성할 때 사용된다.

    const num = 100;

    if( num == 100){
        document.write("실행되었습니다.(1)");
        if(num == 100){
            document.write("실행되었습니다.(2)");
            if(num == 100){
                document.write("실행되었습니다.(3)");
            }
        }
    
    } else {
        document.write("실행되었습니다.(4)")
    }

 

07. 삼항 연산자

if-else문을 간단하게 표현하는 효율적인 방법이다.
삼항연산자는 물음표(?)와 콜론(:)을 사용하여 구성된다.

    const num = 100;
    // 원본
    // if(num == 100){
    //     document.write("true")
    // } else {
    //     document.write("false")
    // }

    (num == 100) ? document.write("true") : document.write("false");

 

주의사항