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

JS チュートリアル

JS HOME JS 導入 JS どこへ JS 輸出 JS 構文 JS ステートメント JS 注釈 JS 変数 JS 演算子 JS 算術 JS 割り当て JS データの種類 JS 機能 JS オブジェクト JS 範囲 JS イベント JS ストリング JS 文字列メソッド JS 数字 JS 数のメソッド JS 数学 JS 日付 JS 日付形式 JS 日付の方法 JS 配列 JS アレイ方式 JS ブール値 JS 比較 JS 条件 JS スイッチ JS ループ For JS ループしながら JS ブレーク JS 型変換 JS 正規表現 JS エラー JS デバッギング JS 巻き上げ JS strictモード JS スタイルガイド JS ベストプラクティス JS 間違い JS パフォーマンス JS 予約語 JS JSON

JS フォーム

フォームバリデーション フォームAPI

JS オブジェクト

オブジェクト定義 オブジェクトのプロパティ オブジェクトメソッド オブジェクトプロトタイプ

JS 機能

関数定義 ファンクションのパラメータ 関数の呼び出し 関数クロージャ

JS HTML DOM

DOM イントロ DOM メソッド DOM 資料 DOM 要素 DOM HTML DOM CSS DOM アニメーション DOM イベント DOM EventListener DOM ナビゲーション DOM ノード DOM ノードリスト

JS ブラウザ BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS

JS 例 JS HTML DOM JS HTML 入力 JS HTML オブジェクト JS HTML イベント JS ブラウザ JS クイズ JS 概要

JS リファレンスマニュアル

JavaScript オブジェクト HTML DOM オブジェクト


 

JavaScript switchステートメント


switchステートメントは、異なる条件に基づいて別のアクションを実行するために使用されます。


JavaScriptのSwitchステートメント

使用するswitchで実行されるコードの多くのブロックのいずれかを選択するステートメントを。

構文

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

これは、それがどのように動作するかです:

  • switch式が一度だけ評価されます。
  • 式の値は、それぞれの場合の値と比較されます。
  • 一致がある場合、コードの関連するブロックが実行されます。

getDay()メソッドは、0と6の間の数として曜日を返します(Sunday=0, Monday=1, Tuesday=2 ..)

曜日の名前を計算するために、平日の番号を使用します。

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

その日の結果は次のようになります。

Sunday
»それを自分で試してみてください

breakキーワード

JavaScriptコードインタプリタが到達したときbreakキーワードを、それがの勃発switchブロック。

これは、ブロック内のより多くのコードとケースのテストの実行を停止します。

break 、それが内のコードのすべての残りの実行「無視する」ため、実行時間を大幅に節約することができswitchブロックを。


defaultキーワード

defaultキーワードは、ケースの一致がない場合に実行するコードを指定します。

getDay()メソッドは、0と6の間の数として曜日を返します。

今日は土曜日(6)も日曜日もない場合は(0)、デフォルトのメッセージを書きます:

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

テキストの結果は次のようになります。

Today is Sunday
»それを自分で試してみてください

共通のコードとフォールスルー

時には、でswitchブロックには、別の例は、同じコードを使用したいと思うでしょう、またはフォールスルー共通のデフォルトに。

例は、同一のコードブロックを共有することができること、およびデフォルトの場合は、内の最後のケースである必要はないことを、次の例から注意switchブロック:

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";
}
»それを自分で試してみてください

場合はdefault内の最後のケースではありませんswitchブロック、で終了することを忘れないでくださいbreak


練習で自分自身をテスト!

演習1» 演習2» 演習3» 演習4»