윤시의 블로그

[JavaScript] 제어구문 (1 - 조건문) 본문

JavaScript

[JavaScript] 제어구문 (1 - 조건문)

yo09 2024. 12. 1. 15:52

 

JavaScript 제어구문 (1 - 조건문)

→ 제어구문은 조건에 따라 코드 흐름을 다르게 처리하는 구문이다.

조건문

  • if문, switch문
  • 조건문은 특정 조건을 만족할 때 코드 블록을 실행하거나 실행하지 않도록 하는 구문이다.

1.1 if 문

  • 조건식이 이면 코드 블록을 실행하고, 거짓이면 실행하지 않는다.
  • 기본 문법
if (조건식) {
    // 조건식이 참일 때 실행될 코드
}
const num = 10;
if (num > 5) {
    console.log('숫자는 5보다 큽니다.');
}
// 출력: 숫자는 5보다 큽니다

 

1.2 if-else 문

  • 조건식이 이면 첫 번째 블록을 실행하고, 거짓이면 두 번째 블록을 실행한다.
  • 기본 문법
if (조건식) {
    // 조건식이 참일 때 실행될 코드
} else {
    // 조건식이 거짓일 때 실행될 코드
}
const num = 4;
if (num > 5) {
    console.log('숫자는 5보다 큽니다.');
} else {
    console.log('숫자는 5보다 작거나 같습니다.');
}
// 출력: 숫자는 5보다 작거나 같습니다.

 

1.3 if-else if-else 문

  • 여러 조건을 차례대로 확인하고, 첫 번째 인 조건에 맞는 블록을 실행한다.
  • 기본 문법
if (조건식1) {
    // 조건식1이 참일 때 실행될 코드
} else if (조건식2) {
    // 조건식2가 참일 때 실행될 코드
} else {
    // 위 조건식들이 모두 거짓일 때 실행될 코드
}
const num = 10;
if (num > 15) {
    console.log('숫자는 15보다 큽니다.');
} else if (num > 5) {
    console.log('숫자는 5보다 크고 15보다 작습니다.');
} else {
    console.log('숫자는 5보다 작거나 같습니다.');
}
// 출력: 숫자는 5보다 크고 15보다 작습니다.

 

2. switch 문

  • switch문은 여러 조건 중 하나에 맞는 값을 처리할 때 유용하다. 주로 숫자나 문자열을 비교할 때 사용된다.
  • 기본 문법
switch (조건식) {
    case 값1:
        // 조건식이 값1일 때 실행될 코드
        break;
    case 값2:
        // 조건식이 값2일 때 실행될 코드
        break;
    default:
        // 조건식이 어떤 값에도 해당하지 않을 때 실행될 코드
}
  • break는 조건이 맞는 case를 실행하고 나서 더 이상 다른 case를 실행하지 않도록 한다. 만약 break가 없으면 다음 case까지 실행된다.
  • default는 모든 case에 해당되지 않는 값을 처리한다.
const day = 2;
switch (day) {
    case 1:
        console.log('월요일');
        break;
    case 2:
        console.log('화요일');
        break;
    case 3:
        console.log('수요일');
        break;
    default:
        console.log('잘못된 입력');
}
// 출력: 화요일

 

2.1 switch문에 return 사용

  • switch문 안에서 return을 사용하여 값을 반환할 수 있다.
  • 예시
function getDayName(day) {
    switch (day) {
        case 1: return '월요일';
        case 2: return '화요일';
        case 3: return '수요일';
        default: return '잘못된 입력';
    }
}

console.log(getDayName(2));  // 출력: 화요일

 

2.2 여러 case 값 처리

  • 여러 case가 동일한 결과를 실행하도록 할 수 있다.
  • 예시
const fruit = 'apple';
switch (fruit) {
    case 'apple':
    case 'banana':
        console.log('이 과일은 달다.');
        break;
    case 'lemon':
        console.log('이 과일은 시다.');
        break;
    default:
        console.log('알 수 없는 과일');
}
// 출력: 이 과일은 달다.

여러 case에 대해 동일한 코드 블록을 실행하고 싶을 때, 각 case가 끝나기 전에 break를 쓰지 않고, 연속적으로 case들을 나열한다. 이렇게 하면 여러 case가 같은 코드 블록을 실행하게 된다.

 

요약

  • if문은 조건이 참이면 실행되고, else는 조건이 거짓일 때 실행된다. else if를 사용하면 여러 조건을 차례대로 처리할 수 있다.
  • switch문은 특정 변수의 값에 따라 여러 가지 분기 처리를 할 수 있으며, casedefault를 사용해 여러 조건을 처리한다.