JavaScriptでswitchケースから抜け出す方法は?
switchケースから抜け出すにはbreak文を使う
JavaScriptのswitch文で特定のケースから抜け出すには、break文を使用します。break文は、そのcaseブロックの終わりを示す役割を果たします。
もしbreak文を書き忘れると、条件に一致したcase以降の処理がそこで止まらず、後続のすべてのcase内のステートメントが順番に実行されてしまいます。この動作は「フォールスルー(fall-through)」と呼ばれ、意図しない出力やバグの原因になるため注意が必要です。
サンプルコード
以下は、break文を使ったswitch-case文の実装例です。実際にブラウザで実行して、動作を確認してみてください。
<html>
<body>
<script>
var grade='A';
document.write("Entering switch block<br>");
switch (grade) {
case 'A': document.write("Excellent<br />");
break;
case 'B': document.write("Very good<br />");
break;
case 'C': document.write("Passed<br />");
break;
case 'D': document.write("Not so good<br />");
break;
case 'F': document.write("Failed<br />");
break;
default: document.write("Unknown grade<br />")
}
document.write("Exiting switch block");
</script>
</body>
</html>
実行結果
この例では、変数gradeの値が'A'であるため、該当するcaseの処理のみが実行され、break文によってswitchブロックを抜けます。出力は以下のようになります。
Entering switch block
Excellent
Exiting switch block
もし各caseからbreak文を削除すると、「Excellent」だけでなく「Very good」「Passed」など、それ以降のすべてのメッセージが出力されてしまうので、試して違いを確認してみると理解が深まります。
-
JavaScriptで値を数値に変換するには?Number()メソッドの使い方を解説
JavaScriptでは、Number()メソッドを使うことで、任意の値を数値に変換できます。このメソッドは、数値を表す文字列を数値へ変換したり、真偽値(boolean)を「1」または「0」に変換したりすることが可能です。ここでは、その基本的な使い方について詳しく解説します。構文var num = Number(value);引数 value に変換したい値を渡すと、数値に変換された結果が返されます。変換できない場合は NaN(Not a Number)が返される点にも注意しましょう。例1:数値文字列と真偽値の変換次の例では、Number()メソッドを使って、数値を表す文字列や真偽値を数値に変
-
JavaScriptでドキュメントの読み込み状態(readyState)を確認する方法
JavaScriptでドキュメント(ページ)の読み込みが完了しているかどうかを確認するには、document.readyStateプロパティを使用します。このプロパティは、現在のドキュメントの読み込み状況に応じて以下の3つの文字列を返します。loading … ドキュメントがまだ読み込み中の状態interactive … ドキュメントの解析は完了したが、画像などのサブリソースは still 読み込み中の状態complete … ドキュメントとすべてのサブリソースの読み込みが完了した状態以下は、ボタンをクリックしたタイミングでdocument.readyStateの値を判定し、ページの読み込み状