자바스크립트 조건문 switch 사용법 예시 정리

자바스크립트 Switch문에 대한 이해

자바스크립트를 통해 협업하며 여러 조건을 처리해야 할 경우, switch문을 활용하면 보다 직관적인 코드 작성을 할 수 있습니다. switch문은 주어진 변수를 기반으로 특정 조건을 평가하고, 그에 맞는 블록을 실행하는 구조입니다. 이를 통해 코드의 가독성을 높이고, 조건문의 복잡성을 줄일 수 있습니다.

Switch문의 기본 구조

switch문의 기본 문법은 다음과 같습니다:

switch (표현식) {
  case 값1:
    // 실행할 코드
    break;
  case 값2:
    // 실행할 코드
    break;
  // 추가적인 case문...
  default:
    // 모든 case에 해당하지 않을 때 실행되는 코드
}

위와 같은 형태로 switch문을 구성하면, 표현식의 결과에 따라 해당하는 case가 선택되고, 그에 맞는 코드 블록이 실행되게 됩니다.

주요 구성 요소

• 표현식: 비교할 값이나 변수를 나타냅니다.
• case: 표현식의 값이 특정 case와 일치할 때 실행되는 코드 블록입니다.
• break: case 블록의 끝을 나타내며, 이를 통해 switch문을 종료합니다. break가 없으면 다음 case로 넘어가게 됩니다.
• default: 어떤 case에도 해당하지 않을 경우 실행되는 코드입니다. 선택적으로 사용할 수 있습니다.

Switch문 사용 예시

그럼 아래 예제를 통해 switch문의 작동 방식을 살펴보겠습니다.

let day = 3;
let dayName;
switch (day) {
  case 1:
    dayName = "월요일";
    break;
  case 2:
    dayName = "화요일";
    break;
  case 3:
    dayName = "수요일";
    break;
  case 4:
    dayName = "목요일";
    break;
  case 5:
    dayName = "금요일";
    break;
  case 6:
    dayName = "토요일";
    break;
  case 7:
    dayName = "일요일";
    break;
  default:
    dayName = "잘못된 날짜";
}
console.log("오늘은 " + dayName + "입니다.");

이 코드에서는 day 변수의 값에 따라 해당하는 요일 이름이 출력됩니다. 만약 어떤 case와도 일치하지 않는 경우에는 default 블록이 실행됩니다.

Switch문의 장점

switch문을 사용하는 이유는 여러 가지가 있지만, 특히 두 가지 장점이 두드러집니다:

• 가독성: 많은 조건을 다룰 때, switch문은 if-else문보다 훨씬 더 명확하고 읽기 쉬운 코드를 제공합니다. 조건의 수가 많을수록 switch문의 이점이 더욱 부각됩니다.
• 엄격한 비교: switch문은 기본적으로 strict equality(===)로 비교를 수행합니다. 이는 자료형이 달라도 일치하지 않게 되어, 프로그래밍에서 발생할 수 있는 실수를 줄여줍니다.

Switch문 사용 시 주의사항

switch문을 사용할 때는 다음과 같은 점에 주의해야 합니다:

• 각 case 끝에는 반드시 break를 사용해야 합니다. break가 없으면 아래의 case 문이 계속 실행되어 불필요한 결과를 초래할 수 있습니다.
• default 블록은 반드시 필요하지 않지만, 예외 상황을 처리하기 위해 추가하는 것이 좋습니다.
• case 문을 여러 개 겹쳐서 사용할 수 있습니다. 예를 들어 여러 조건이 같은 동작을 수행하도록 설정할 수 있습니다.

응용 예제

아래는 자동차 옵션을 선택할 때 switch문을 활용한 예제입니다.

let optionGrade = 2;
let option = '';
switch(optionGrade) {
  case 1:
    option += '전동 트렁크, 선루프, HUD, ';
    break;
  case 2:
    option += '크루즈 컨트롤, 전후방 감지기, 전후방 카메라, ';
    break;
  case 3:
    option += '열선 및 통풍 시트, 스마트 키, 네비게이션, ';
    break;
  default:
    option += '에어백, 차선이탈 경보장치, 무선도어 잠금장치';
}
console.log(option);

이 코드는 자동차의 등급에 따라 옵션이 어떻게 달라지는지를 보여줍니다. case를 통해 각 등급에 맞는 옵션을 추가하고, default를 통해 모든 등급에 공통된 옵션을 추가하는 방식으로 활용됩니다.

마무리

switch문은 JavaScript에서 조건을 처리하는 데 있어 매우 유용한 도구입니다. 활용 방법을 잘 이해하고 사용한다면 코드의 가독성을 높이고, 오류를 줄일 수 있습니다. 여러 수치를 비교하고 이에 따라 행동해야 할 때 switch문을 활용해 보시기 바랍니다.

자바스크립트의 다양한 조건문을 잘 활용하여 효율적인 코드를 작성하시길 바랍니다!

자주 찾는 질문 Q&A