최신 웹 개발 튜토리얼
 

JavaScript스위치 문

<자바 스크립트 문 참조

예

사용자 입력에 기초하여 코드의 블록을 실행

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...";
}

텍스트의 결과가 될 수있다 :

How you like them apples?
»그것을 자신을 시도

더 "Try it Yourself" 아래의 예.

정의 및 사용

스위치 문은 다른 경우에 따라 코드 블록을 실행합니다.

스위치 문은 자바 스크립트의의 한 부분이다 "Conditional" 다른 조건에 따라 다른 작업을 수행하는 데 사용되는 문. 코드의 많은 블록 중 하나가 실행되도록 선택 스위치를 사용하십시오. 이 중첩 된 긴위한 완벽한 솔루션입니다 경우 / 다른 문.

스위치 문은 식을 평가합니다. 식의 값은 다음 구조에서 각각의 경우의 값과 비교된다. 일치가있는 경우, 코드의 관련 블록이 실행됩니다.

스위치 문은 자주 휴식 또는 기본 키워드와 함께 사용된다 (or both) . 이들은 모두 선택 사항입니다 :

브레이크 키워드는 스위치 블록에서 나옵니다. 이것은 더 많은 코드를 실행 및 / 또는 블록 내부 케이스 테스트의 실행을 중지한다. 휴식을 생략하면 switch 문에서 다음 코드 블록이 실행됩니다.

기본 키워드는 어떤 경우 일치하지 않는 경우 실행하는 몇 가지 코드를 지정합니다. 단 스위치에서 하나 개의 기본 키워드가있을 수 있습니다. 이 선택 사항이지만, 예기치 않은 사건을 담당 당신이 그것을 사용하는 것이 좋습니다.

브라우저 지원

성명서
switch 예 예 예 예 예

통사론

switch( expression ) {
    case n :
        code block
         break;
    case n :
        code block
         break;
    default:
        default code block
 }

매개 변수 값

매개 변수 기술
expression 필요합니다. 평가 될 수있는 식을 지정합니다. 표현은 한 번 평가됩니다. 식의 값은 구조에서 각 경우 라벨의 값과 비교된다. 일치가있는 경우, 코드의 관련 블록이 실행됩니다

기술적 세부 사항

자바 스크립트 버전 : 1.2
예

더 예

예

평일 이름 (일요일 = 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";
}

텍스트의 결과는 다음과 같습니다

»그것을 자신을 시도

예

때때로 당신은 동일한 코드를 사용하거나 가을-를 통해 일반적인 기본에 서로 다른 경우를 원할 것입니다.

이 예에서는 사례가 같은 코드 블록을 공유합니다, 기본 케이스는 기본 스위치 블록의 마지막 경우가 아니라면, 그러나 스위치 블록 (마지막 경우로해야 함을 종료 기억하지 않습니다 ) 휴식과 함께.

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..";
}
»그것을 자신을 시도

관련 페이지

자바 스크립트 튜토리얼 : 자바 스크립트의 경우 ... else 문

자바 스크립트 튜토리얼 : 자바 스크립트 스위치 문

자바 스크립트 참조 : 자바 스크립트의 경우 / 다른 성명

자바 스크립트 참조 : 자바 스크립트 break 문

<자바 스크립트 문 참조