자바스크립트 조건문: if, switch, 삼항 연산자 사용법과 예제 코드

자바스크립트 조건문: if, switch, 삼항 연산자 사용법과 예제 코드

프로그램에서 조건문은 조건이 참(true) 또는 거짓(false) 일 때 다르게 실행되는 코드를 작성할 수 있습니다. 자바스크립트에서는 if문, switch문, 삼항 연산자 등 다양한 유형의 조건문이 있습니다. 그럼 자바스크립트에서 조건문을 사용하는 방법에 대해서 알아보겠습니다.

1. if, else, else if 문

if문은 주어진 조건이 true인 경우에만 실행할 코드를 실행하는 조건문입니다.


1. if문

주어진 조건이 true인 경우에만 실행할 코드를 작성합니다.

if (조건식) {
    // 조건이 참이면 블록문 실행
}


2. if, else문

주어진 조건이 true인 경우와 false인 경우 각각 다른 코드를 실행할 때 사용합니다.

if (조건식) {
    // 조건식이 참이면 블록문 실행
} else {
    // 조건식이 거짓이면 블록문 실행
}


3. if, else if, else문

주어진 조건이 true인 경우와 false인 경우에 따라 다른 조건을 추가적으로 검사하여 실행할 코드를 선택할 때 사용합니다.

if (조건식1) {
    // 조건식1이 참이면 블록문 실행
} else if (조건식2) {
    // 조건식2가 참이면 블록문 실행
} else {
    // 조건식이 모두 거짓이면 블록문 실행
}


▼ if문, if/else문, if/else if/else문 사용예제

let num = 10;

// 1. if문 사용 예제
if (num > 0) {
    console.log("num은 양수입니다.");
}


// 2. if, else문 사용 예제
if (num > 0) {
    console.log("num은 양수입니다.");
} else {
    console.log("num은 양수가 아닙니다.");
}


// 3. if, else if, else문 사용 예제
if (num > 0) {
    console.log("num은 양수입니다.");
} else if (num < 0) {
    console.log("num은 음수입니다.");
} else {
    console.log("num은 0입니다.");
}


4. 중첩 if문

if문 안에 또 다른 if문을 사용하여 더 복잡한 조건을 검사할 때 사용합니다.

if (조건식1) {
    if (조건식2) {
        // 조건식1이 참이고 조건식2도 참인 경우에 블록문 실행
    } else {
        // 조건식1이 참이고 조건식2가 거짓인 경우에 블록문 실행
    }
} else {
    // 조건식1이 거짓이면 블록문 실행
}


▼ 중첩 if문 사용예제

let num1 = 1;
let num2 = 2;

if (num1 > 0) {
    console.log("num1은 양수입니다.");

    if (num2 > 0) {
        console.log("num2도 양수입니다.");
    } else {
        console.log("num2는 양수가 아닙니다.");
    }
} else {
    console.log("num1은 양수가 아닙니다.");
}

2. switch문

switch문은 주어진 변수의 값에 따라 다른 코드 블록을 실행하는 조건문입니다. switch문은 if문과 비슷한 역할을 수행하지만 변수의 값을 검사하여 해당 값에 해당하는 case 문을 찾아 실행합니다. switch문은 하나 이상의 case문과 defalut문, break문을 사용합니다.

  • default: 변수의 값이 어떤 case 문과도 일치하지 않을 때 실행할 코드를 작성합니다. default 문은 선택 사항입니다. default 문은 switch문의 마지막에 위치해야 합니다.
  • break: 실행할 코드를 실행한 후 break 문을 만나면 switch문을 종료합니다. 주의사항으로 break 문을 생략하면 해당 case 문 이후의 모든 case 문도 함께 실행됩니다.
switch (변수) {
    case 값1:
        // 변수가 값1인 경우 블록문
        break;
    case 값2:
        // 변수가 값2인 경우 블록문
        break;
    default:
        // 변수에 해당되는 값이 없는 경우 블록문
        break;
}


▼ switch문 사용예제

let week = "sunday";

switch (week) {
    case "monday":
        console.log("월요일입니다");
        break;
    case "tuesday":
        console.log("화요일입니다.");
        break;
    case "wednesday":
        console.log("수요일입니다.");
        break;
    case "thursday":
        console.log("목요일입니다.");
        break;
    case "friday":
        console.log("금요일입니다.");
        break;
    case "saturday":
    case "sunday":
        console.log("토/일 주말입니다.");
        break;
    default:
        console.log("해당되는 요일이 없습니다.");
        break;
}

3. if문과 switch문의 차이점

if문과 switch문은 서로 다른 조건문으로 사용하는 상황에 따라 적절하게 선택하여 사용하는 것이 좋습니다. 변수의 값이 범위 조건인 경우에는 if문을 사용하고 변수의 값이 몇 가지 정해진 값 중 하나인 경우에는 switch문을 사용하는 것이 더 좋습니다.


▼ if문 사용예제: 범위 조건

// 범위 조건인 경우에는 if문을 사용하는게 더 좋습니다.
if (score >= 90) {
    console.log("A+");
} else if (score >= 80 && score < 90) {
    console.log("A");
} else if (score >= 70 && score < 80) {
    console.log("B");
} else {
    console.log("F");
}

4. 삼항 연산자

삼항 연산자는 if/else 문을 간단하게 표현할 수 있는 연산자입니다. 변수의 값을 검사하여 간단한 동작을 수행할 때 많이 사용됩니다.

조건 ? 참인 경우 실행할 코드 : 거짓인 경우 실행할 코드


▼ 삼항 연산자 사용예제

let num = 1;

// if/else문 사용
if (num > 0) {
    console.log("num은 양수입니다.");
} else {
    console.log("nnum은 양수가 아닙니다.");
}

// 삼항 연산자 사용
num > 0 ? console.log("num은 양수입니다.") : console.log("num은 양수가 아닙니다.");

자바스크립트 기초 이전 게시물

  1. 자바스크립트 HTML 추가 및 작성 위치 (async, defer)
  2. 자바스크립트 변수와 상수: var, let, const 차이점과 사용법
  3. 자바스크립트 자료형 종류 및 사용 예시
  4. 자바스크립트 연산자 종류: 산술, 대입, 비교, 논리, 삼항 및 예시
  5. 자바스크립트 형 변환(int, string 등) 방법 및 사용 예제
위로 스크롤