JavaScript スイッチ
JavaScript スイッチを使用すると、スカラー (式) の考えられる複数の結果を選択できます。
構文:
switch (expr) {
case result1:
Statement1
Break;
case result2:
Statement2
Break;
……
デフォルト :
Statement
}
文法説明
システムは expr の値を計算し、計算結果 (result1、result2 など) に基づいて以下の対応するステートメントを選択して実行します。すべてのケースの結果が一致しない場合は、デフォルトのステートメントが実行されます。
break は、コード実行後に処理を抜け出すために使用します。文法的には省略できますが、特別な事情がない限り省略しないでください。そうでないと、expr の計算結果が返されても、次のコードが実行され続けます。大文字と小文字が一致しません (これが if else との違いです)。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script type="text/javascript">
var x = 2;
switch (x) {
case 0:
alert("x等于0");
break;
case 1:
alert("x等于1");
break;
case 2:
alert("x等于2");
break;
default:
alert("x既不等于1和2，也不等于0");
}
</script>
</head>
<body>
</body>
</html>ヒント
複数の場合の条件判定を行うことができます
case その後の結果は数値に限定されず、JavaScriptでサポートされている文字やその他のタイプも可能です
デフォルトのキーワード
デフォルトを使用してくださいキーワード 一致するものが存在しない場合の動作を指定するには:
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x;
var d=new Date().getDay();
switch (d)
{
case 6:x="今天是星期六";
break;
case 0:x="今天是星期日";
break;
default:
x="期待周末";
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>
次のセクション