javascriptまとめ10:JavaScriptのSwitch文

1 switch文の役割:
switch文は、異なる条件に基づいて異なる動作を実行するために使用されます.
変数の条件を満たすたびに、現在のcaseの内容が実行されます.
break キーワードはswitchコードブロックを飛び出すために使用されます.switchコードブロックの実行は終了します.このキーを無視すると、swith文の次のコードブロックが実行されます.
default キーワードでマッチが存在しない時にすることを規定します.defaultキーワードはswitch文の中で一回しか現れません.
2スイッチ 典型的な構造:
 Switch(変数){
case 1:
変数と1の値が同じであれば、そこのコードを実行します.
break;
case 2:
変数と2の値が同じであれば、そこのコードを実行します.
break;
case 3:
変数と3の値が同じであれば、そこのコードを実行します.
break;
default:
変数と以上の値が異なる場合、そこのコードを実行します.
break;
)
 例1:栗を2つ挙げます.
  1区分判定変数

    
    
    
        <span style="color:#0000ff;">var</span> number = prompt("  0-5     "<span style="color:#000000;">);
        </span><span style="color:#0000ff;">switch</span><span style="color:#000000;"> (number) {
            </span><span style="color:#0000ff;">case</span> "0"<span style="color:#000000;">:
                alert(number);
                </span><span style="color:#0000ff;">break</span><span style="color:#000000;">;
            </span><span style="color:#0000ff;">case</span> "1"<span style="color:#000000;">:
                number </span>= 1<span style="color:#000000;">;
                </span><span style="color:#0000ff;">break</span><span style="color:#000000;">;
            </span><span style="color:#0000ff;">case</span> "2"<span style="color:#000000;">:
                number </span>= 2<span style="color:#000000;">;
                </span><span style="color:#0000ff;">break</span><span style="color:#000000;">;
            </span><span style="color:#0000ff;">case</span> "3"<span style="color:#000000;">:
                number </span>= 3<span style="color:#000000;">;
                </span><span style="color:#0000ff;">break</span><span style="color:#000000;">;
            </span><span style="color:#0000ff;">case</span> "4"<span style="color:#000000;">:
                number </span>= 4<span style="color:#000000;">;
                </span><span style="color:#0000ff;">break</span><span style="color:#000000;">;
            </span><span style="color:#0000ff;">case</span> "5"<span style="color:#000000;">:
                number </span>= 5<span style="color:#000000;">;
                </span><span style="color:#0000ff;">break</span><span style="color:#000000;">;
        }
    </span>


    

    2集団判定変数

switch (number) {
            case"0":case"1":case"2":
            alert("1/2/3");
            break;
            default:
            alert("4/5");
            break;
        }

 
転載先:https://www.cnblogs.com/autoXingJY/p/8848933.html