JavaScript의 `if` 문과 `else if` 문

BossTeemo·2024년 5월 4일
post-thumbnail

JavaScript에서의 if 문과 else if

소개

if 문과 else if 문은 JavaScript에서 조건에 따라 코드 블록을 실행하는 기본적인 제어 구조입니다. 조건이 참인지 거짓인지에 따라 실행할 코드를 결정할 수 있습니다.

if

  • if 문은 조건이 참일 때 해당 코드를 실행합니다.

    let temperature = 25;
    
    if (temperature > 20) {
        console.log('It is warm outside.');
    }

    위 코드에서 temperature가 20보다 크면 It is warm outside.라는 메시지를 출력합니다.

else

  • else 문은 if 조건이 거짓일 때 실행되는 코드를 정의합니다.

    let temperature = 15;
    
    if (temperature > 20) {
        console.log('It is warm outside.');
    } else {
        console.log('It is cool outside.');
    }

    if 조건이 거짓이면 else 문에 있는 코드가 실행됩니다. 위 코드에서는 It is cool outside.가 출력됩니다.

else if

  • else if 문은 첫 번째 if 조건이 거짓이고, 추가적인 조건을 검사해야 할 때 사용됩니다.

    let temperature = 10;
    
    if (temperature > 30) {
        console.log('It is hot outside.');
    } else if (temperature > 20) {
        console.log('It is warm outside.');
    } else if (temperature > 10) {
        console.log('It is cool outside.');
    } else {
        console.log('It is cold outside.');
    }

    여러 조건을 순차적으로 검사하며, 첫 번째로 참인 조건의 코드 블록이 실행됩니다. 위 코드에서는 It is cold outside.가 출력됩니다.

중첩된 if

  • if 문은 다른 if 문 내에 중첩되어 복잡한 조건을 검사할 수 있습니다.

    let age = 25;
    let isMember = true;
    
    if (age >= 18) {
        if (isMember) {
            console.log('Access granted.');
        } else {
            console.log('Access denied. Membership required.');
        }
    } else {
        console.log('Access denied. Age restriction.');
    }

주의 사항

  1. 조건식의 평가

    • 조건식은 true 또는 false로 평가되며, 빈 문자열, 0, null, undefined, NaN 등은 거짓으로 간주됩니다.
    if (0) {
        console.log('This will not be executed');
    }
  2. 순서 중요성

    • else if 문은 위에서 아래로 순차적으로 조건을 평가하므로, 보다 구체적인 조건을 먼저 검사하는 것이 중요합니다.

결론

JavaScript의 if, else if, else 문을 사용하면 조건에 따라 실행할 코드를 유연하게 제어할 수 있습니다. 이를 활용하여 코드의 로직을 분명하게 표현하세요.

profile
1인개발자가 되겠다

0개의 댓글