웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리

HOME > js

자바스크립트 switch 여러개의 멀티 케이스인 경우 방법

Last Modified : 2019-09-01 / Created : 2018-09-13
27,062
View Count

만약 자바스크립트를 사용하는 분기문을 작성시 switch 구문을 사용하는 방법이 있습니다. 이때 하나의 조건이 아닌 여러개의 조건인 경우 해결 방법을 알아봅니다.




# switch 문법 여러 조건(multiple case) 적용하기

자바스크립트에서 분기문... 특정 케이스인 경우에 적용하는 방법으로 switch문이 사용됩니다. 이때 여러 조건에 적용가능한 switch() 문법을 만들 수 있습니다. 어떻게할까요?

방법부터 알아보면 멀티 케이스 switch를 사용하기 위해서 가장 중요한 부분은 break가 어디에 위치하느냐입니다.

switch문에서 break 위치에 따라 멀티 조건이 가능함


즉 case를 사용하여 여러개의 조건을 위치시킨 후 break를 하나만 사용하는 것이죠. 그럼 아래에서 간단한 예제를 알아봅니다.


! switch 멀티 케이스 예제보기

아래는 상품의 종류에 따라 alert()을 사용하는 예제입니다. 과일로 바나나 하나가 아닌 바나나, 사과, 포도처럼 여러개인 경우에 alert()으로 과일을 출력하려면 아래처럼 구문을 작성합니다.
switch (product) {
  case '바나나':
  case '사과':
  case '포도': 
    alert('과일입니다');
    break;

  case '자장면':
    alert('음식입니다.') 
    break;

   default: 
       alert('상품을 선택하세요');
}

이제 바나나, 사과, 포도 중 하나라도 해당하면 alert()을 사용하여 '과일입니다'를 출력되게됩니다. 즉 alert()을 각각 만들 필요없이 하나만 사용할 수 있겠죠.
product = '포도';
// '과일입니다'를 출력함

product = '사과';
// '과일입니다'를 출력함

product = '포도';
// '과일입니다'를 출력함

product = '자장면';
// '음식입니다'를 출력함

여기까지 switch()를 사용하여 멀티 케이스를 동작시키는 방법을 알아보았습니다. 이처럼 여러가지 케이스를 적용할 때도 switch()를 사용할 수 있음을 알아두세요!

Previous

[ECMAScript] es6 module import export 방법 알아보기

Previous

자바스크립트 쿠키값 간단하게 저장 및 불러오기