最新のWeb開発のチュートリアル
 

JavaScript switchステートメント

<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"以下の例。

定義と使用法

switch文は、さまざまなケースに応じて、コードのブロックを実行します。

switch文では、JavaScriptのの一部である"Conditional"さまざまな条件に基づいてさまざまなアクションを実行するために使用される文、。 実行されるコードの多くのブロックのいずれかを選択するようにスイッチを使用します。 これは長い間、入れ子のための完璧なソリューションである場合/他の書類。

switch文は、式を評価します。 式の値は、構造内のそれぞれの場合の値と比較されます。 一致がある場合は、コードの関連するブロックが実行されます。

switch文は、多くの場合、ブレークするか、デフォルトのキーワードと一緒に使用されている(or both) 。 これらは、両方のオプションです。

ブレークキーワードは、スイッチブロックの勃発します。 これは、より多くのコードの実行及び/又はブロック内ケーステストの実行を停止します。 ブレークが省略された場合、switch文の次のコードブロックが実行されます。

デフォルトのキーワードは、ケースの一致がない場合に実行するいくつかのコードを指定します。 スイッチのみで1つのデフォルトのキーワードが存在する場合があります。 これはオプションですが、予想外のケースの世話をするようあなたは、それを使用することをお勧めします。

ブラウザのサポート

ステートメント
switch はい はい はい はい はい

構文

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

パラメータ値

パラメーター 説明
expression 必須。 評価される式を指定します。 式が一度だけ評価されます。 式の値は、構造内の各ケースラベルの値と比較されます。 一致がある場合は、コードの関連するブロックが実行され

技術的な詳細

JavaScriptのバージョン： 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..";
}
»それを自分で試してみてください

関連ページ

JavaScriptのチュートリアル： JavaScriptのであれば... elseステートメント

JavaScriptのチュートリアル： JavaScriptのswitchステートメント

JavaScriptのリファレンス： JavaScriptの場合/ else文

JavaScriptのリファレンス： JavaScriptのブレークステートメント

<JavaScriptステートメントリファレンス