본문 바로가기
DEV

[JAVASCRIPT] switch ~ case 조건문에 대하여 + 예제

by 아노앤유노 2023. 5. 9.
반응형

javascript
switch
case
조건문

switch 문은 주어진 변수 또는 식의 값에 따라 여러 가지 상황을 구분하여 각각에 맞는 코드를 실행하는 조건문이다.

if 문과 유사하지만, switch 문은 보다 복잡한 상황에서 코드를 간결하게 작성할 수 있다.

 

switch(expression) {
  case value1:
    // value1에 해당하는 코드
    break;
  case value2:
    // value2에 해당하는 코드
    break;
  // ...
  default:
    // 위의 모든 case에 해당하지 않는 경우 실행되는 코드
    break;
}

expression은 비교할 변수 또는 식을 의미하며, value1, value2 등은 expression과 비교할 값이다.

만약 expression의 값이 value1과 같다면, value1에 해당하는 코드 블록이 실행되고, 그렇지 않으면 다음 case 문으로 넘어가며, 모든 case 문이 해당되지 않으면 default 블록이 실행된다.

case 문의 마지막에는 break 문이 필요하며, break 문이 없으면 해당 case 뿐만 아니라 그 이후의 모든 case 블록이 실행된다.

반응형

예제

//예제에서는 month 변수의 값에 따라 해당 월의 날 수를 출력한다.

var month = 2;
var days;

switch(month) {
  case 1:
  case 3:
  case 5:
  case 7:
  case 8:
  case 10:
  case 12:
    days = 31;
    break;
  case 4:
  case 6:
  case 9:
  case 11:
    days = 30;
    break;
  case 2:
    days = 28;
    break;
  default:
    console.log("잘못된 입력입니다.");
}

console.log(month + `월의 날 수는 ' + days + '일 입니다.`);

//위의 예제에서는 month 변수의 값이 2이므로 case 2 블록이 실행되어 days 변수에 28을 할당한다.
//마지막으로 'month월의 날 수는 days일 입니다.' 라는 문자열이 출력된다.

 

switch 문은 여러 가지 조건에 따라 실행해야 할 코드가 있는 경우 유용하다.

하지만 switch 문을 사용할 때는 if 문보다 실행 속도가 느리며, case 문을 작성할 때 주의하여야 한다.

경우에 따라서는 switch 문 대신 if-else if-else 문이 더 적합한 경우도 있다.

 

잊지말고 상황에 따라 알맞게 사용하도록 하자!

 

2023.05.09 - [DEV] - [JAVASCRIPT] ready(), onload() 함수의 정의와 차이 + 예제

 

반응형