자바스크립트 switch 문
예시
사용자 입력을 기반으로 코드 블록을 실행합니다.
var text;
var fruits = document.getElementById("myInput").value;
switch(fruits) {
case "Banana":
text = "Banana is good!";
break;
case "Orange":
text = "I am not a fan of orange.";
break;
case "Apple":
text = "How you like them apples?";
break;
default:
text = "I have never heard of that fruit...";
}
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
switch 문은 경우에 따라 코드 블록을 실행합니다.
switch 문은 다른 조건에 따라 다른 작업을 수행하는 데 사용되는 JavaScript의 "조건부" 문의 일부입니다. 스위치를 사용하여 실행할 많은 코드 블록 중 하나를 선택합니다. 이것은 길고 중첩된 if/else 문에 대한 완벽한 솔루션입니다.
switch 문은 표현식을 평가합니다. 그런 다음 표현식의 값을 구조의 각 케이스 값과 비교합니다. 일치하는 항목이 있으면 연결된 코드 블록이 실행됩니다.
switch 문은 종종 break 또는 기본 키워드(또는 둘 다)와 함께 사용됩니다. 둘 다 선택 사항입니다.
break 키워드는 switch 블록에서 나옵니다 . 이렇게 하면 블록 내에서 더 많은 코드 실행 및/또는 케이스 테스트 실행이 중지됩니다. break가 생략되면 switch 문의 다음 코드 블록이 실행됩니다.
default 키워드 는 대소문자 일치가 없는 경우 실행할 일부 코드를 지정합니다. 스위치에는 하나의 기본 키워드만 있을 수 있습니다. 선택사항이지만 예상치 못한 경우를 대비해 사용하는 것을 권장합니다.
통사론
switch(expression) {
case n:
code block
break;
case n:
code block
break;
default:
default code block
}
매개변수 값
| Parameter | Description |
|---|---|
| expression | Required. Specifies an expression to be evaluated. The expression is evaluated once. The value of the expression is compared with the values of each case labels in the structure. If there is a match, the associated block of code is executed |
더 많은 예
예시
오늘의 요일 번호를 사용하여 요일 이름을 계산합니다(일요일=0, 월요일=1, 화요일=2, ...):
var day;
switch (new Date().getDay()) {
case 0:
day = "Sunday";
break;
case 1:
day = "Monday";
break;
case 2:
day = "Tuesday";
break;
case 3:
day = "Wednesday";
break;
case 4:
day = "Thursday";
break;
case 5:
day = "Friday";
break;
case 6:
day = "Saturday";
break;
default:
day = "Unknown Day";
}
예시
오늘이 토요일도 일요일도 아닌 경우 기본 메시지를 작성합니다.
var text;
switch (new Date().getDay()) {
case 6:
text = "Today is Saturday";
break;
case 0:
text = "Today is Sunday";
break;
default:
text = "Looking forward to the Weekend";
}
예시
때로는 다른 케이스에서 동일한 코드를 사용하거나 공통 기본값으로 폴스루(fall-through)하기를 원할 것입니다.
이 예에서 케이스는 동일한 코드 블록을 공유하며 기본 케이스가 스위치 블록의 마지막 케이스일 필요 는 없습니다. 휴식과 함께).
var text;
switch (new Date().getDay()) {
case 1:
case 2:
case 3:
default:
text = "Looking forward to the Weekend";
break;
case 4:
case 5:
text = "Soon it is Weekend";
break;
case 0:
case 6:
text = "It is Weekend";
}
예시
switch 문을 사용하여 프롬프트 상자에서 사용자 입력에 따라 코드 블록 실행:
var text;
var favDrink = prompt("What's your favorite cocktail drink?");
switch(favDrink) {
case "Martini":
text = "Excellent choice! Martini is good for your soul.";
break;
case "Daiquiri":
text = "Daiquiri is my favorite too!";
break;
case "Cosmopolitan":
text = "Really? Are you sure the Cosmopolitan is your favorite?";
break;
default:
text = "I have never heard of that one..";
}
관련 페이지
JavaScript 자습서: JavaScript If...Else 문
JavaScript 자습서: JavaScript Switch 문
JavaScript 참조: JavaScript if/else 문
JavaScript 참조: JavaScript break 문
브라우저 지원
switch ECMAScript1(ES1) 기능입니다.
ES1(JavaScript 1997)은 모든 브라우저에서 완벽하게 지원됩니다.
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes | Yes |