JavaScript의 if, else, else if 문: 조건문 사용 가이드 - 좋은공간 좋은집

JavaScript에서 조건문은 프로그램의 흐름을 제어하고, 특정 조건에 따라 코드 블록을 실행할 수 있도록 해줍니다. 가장 많이 사용되는 조건문은 if, else, else if 문입니다. 이러한 문법을 통해 복잡한 논리 구조를 처리하고, 다양한 상황에 맞는 동작을 구현할 수 있습니다. 이번 글에서는 JavaScript의 if, else, else if 문을 사용하는 방법과 다양한 예시를 살펴보겠습니다.

if 문이란?

if 문은 가장 기본적인 조건문으로, 주어진 조건이 참(true)일 경우에만 코드 블록을 실행합니다. 조건이 거짓일 경우 코드 블록은 실행되지 않습니다.

if 문 기본 구조

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

조건이 true로 평가되면 중괄호 안의 코드가 실행됩니다. 조건이 false일 경우 해당 코드는 건너뛰게 됩니다.

if 문 예시

// if 문 예시
const age = 20;

if (age >= 18) {
    console.log('성인입니다.');
}

위 코드에서 age 변수가 18 이상일 경우 "성인입니다."라는 메시지를 출력합니다. 조건이 참이므로 메시지가 출력됩니다.

else 문이란?

else 문은 if 문과 함께 사용되며, if 조건이 거짓일 때 실행할 코드를 지정할 수 있습니다. 즉, 조건이 참이 아닐 때 실행할 대체 동작을 정의할 수 있습니다.

else 문 기본 구조

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

이 구조를 통해 조건이 참일 때와 거짓일 때 각각 다른 동작을 구현할 수 있습니다.

else 문 예시

// if-else 문 예시
const age = 16;

if (age >= 18) {
    console.log('성인입니다.');
} else {
    console.log('미성년자입니다.');
}

위 코드에서 age가 18 이상이 아니기 때문에 else 블록이 실행되어 "미성년자입니다."라는 메시지를 출력합니다.

else if 문이란?

else if 문은 여러 조건을 순차적으로 평가할 때 사용됩니다. if 조건이 거짓일 경우 else if로 추가적인 조건을 평가하고, 여러 조건 중 하나가 참이면 해당 코드 블록을 실행합니다.

else if 문 기본 구조

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

여러 조건을 순차적으로 검사하며, 첫 번째로 참인 조건의 코드 블록만 실행됩니다.

else if 문 예시

// if-else if-else 문 예시
const score = 85;

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

위 코드에서는 점수에 따라 학점을 출력합니다. score가 85이므로, 첫 번째 if 조건은 거짓이지만, 두 번째 else if 조건이 참이기 때문에 "B 학점"이 출력됩니다.

if, else if, else 조합하기

if, else if, else 문은 함께 사용하여 여러 조건을 처리할 수 있습니다. 이를 통해 다양한 논리 구조를 구현할 수 있습니다.

if-else 조합 예시

// 나이와 회원 여부를 함께 확인하는 예시
const age = 22;
const isMember = true;

if (age >= 18 && isMember) {
    console.log('성인 회원입니다.');
} else if (age >= 18 && !isMember) {
    console.log('성인이지만 회원이 아닙니다.');
} else {
    console.log('미성년자입니다.');
}

위 코드에서는 나이와 회원 여부를 동시에 확인합니다. age가 18 이상이고 isMember가 참이면 "성인 회원입니다."가 출력되고, 그렇지 않은 경우 각각의 조건에 따라 다른 메시지를 출력합니다.

중첩된 if 문

if 문은 중첩해서 사용할 수 있습니다. 즉, if 블록 안에 또 다른 if 문을 사용할 수 있어 더 복잡한 조건을 처리할 수 있습니다.

중첩된 if 문 예시

// 중첩된 if 문 예시
const age = 20;
const hasID = true;

if (age >= 18) {
    if (hasID) {
        console.log('입장 가능합니다.');
    } else {
        console.log('신분증을 확인해주세요.');
    }
} else {
    console.log('미성년자는 입장할 수 없습니다.');
}

위 예제에서는 if 문 안에 또 다른 if 문을 사용하여 나이와 신분증 소지 여부를 동시에 확인합니다. 나이가 18 이상이지만 신분증이 없으면 입장이 불가능하다는 메시지를 출력합니다.

JavaScript에서 조건문 활용 팁

• else는 선택 사항: else 블록은 반드시 사용해야 하는 것은 아닙니다. 조건이 참일 경우에만 동작을 처리하고, 그렇지 않을 경우 아무 작업도 하지 않는 것이 필요하다면 else 없이 if 문만 사용할 수 있습니다.
• 복잡한 조건은 괄호로 명확하게: 논리 연산자를 사용해 복잡한 조건을 처리할 때는 괄호 ()를 사용하여 조건을 더 명확하게 표현하는 것이 좋습니다.
• 삼항 연산자 활용: 간단한 조건문은 if 문 대신 삼항 연산자를 사용할 수 있습니다. 예: let result = (age >= 18) ? '성인' : '미성년자';

결론

JavaScript의 if, else, else if 문은 조건에 따라 프로그램의 흐름을 제어하는 데 매우 유용한 도구입니다. 이번 글에서는 이러한 조건문을 사용하는 방법과 다양한 예시를 통해 기본적인 사용법을 살펴보았습니다. 조건문을 적절히 활용하면 코드의 논리 흐름을 더 명확하고 유연하게 관리할 수 있습니다. 조건문을 자주 연습하여 더욱 복잡한 논리를 다룰 수 있도록 해보세요!