만약
자바스크립트를 사용하는 분기문을 작성시 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()를 사용할 수 있음을 알아두세요!