JavaScriptで変数がブール値(Boolean)かどうか判定する方法
JavaScriptである変数がブール値(true または false)かどうかを確認したい場合は、typeof 演算子を使うのが最もシンプルで確実な方法です。
typeof 演算子の基本
typeof 演算子は、オペランドのデータ型を文字列として返します。変数がブール値であれば、戻り値は文字列 "boolean" になります。したがって、この戻り値と "boolean" を厳密等価演算子(===)で比較することで、その変数がブール型かどうかを判定できます。
サンプルコード
以下のコードでは、変数 answer がブール値かどうかをチェックし、結果に応じてアラートを表示します。
<html>
<head>
<title>JavaScript Boolean</title>
</head>
<body>
<script>
var answer = true;
if (typeof answer === "boolean") {
alert("Booleanです");
} else {
alert("Booleanではありません");
}
</script>
</body>
</html>
この例では answer に true が代入されているため、typeof answer の結果は "boolean" となり、「Booleanです」というアラートが表示されます。
ポイントと注意点
厳密等価演算子(
===)を使う:==の代わりに===を使用することで、意図しない型変換による誤判定を防げます。truthy / falsy 値との違いに注意:
0、""、null、undefinedなどは条件式で falsy として扱われますが、これらはブール値ではありません。typeofを使えば、こうした値とtrue/falseを正確に区別できます。Boolean オブジェクトとの違い:
new Boolean(true)のように生成されたオブジェクトに対してtypeofを使うと、"boolean"ではなく"object"が返されます。プリミティブなブール値の判定には注意が必要です。
このように、typeof 演算子と === を組み合わせるだけで、JavaScriptにおけるブール値の判定は簡単に行えます。
-
【JavaScript】変数が配列かどうか判定する3つの方法(isArray・instanceof・constructor)
JavaScriptでは、ある変数が配列(Array)であるかどうかを判定したい場面はよくあります。本記事では、代表的な3つの判定方法を、サンプルコードと出力結果付きでわかりやすく解説します。 1)Array.isArray() メソッド Array.isArray() メソッドは、引数として渡された変数が配列かどうかをチェックします。変数が配列であれば true を返し、そうでなければ false を返します。ES5以降で利用できる標準メソッドであり、現在最も推奨されている判定方法です。 構文 Array.isArray(variableName) 例 <html> <
-
JavaScriptでドキュメントの読み込み状態(readyState)を確認する方法
JavaScriptでドキュメント(ページ)の読み込みが完了しているかどうかを確認するには、document.readyStateプロパティを使用します。このプロパティは、現在のドキュメントの読み込み状況に応じて以下の3つの文字列を返します。loading … ドキュメントがまだ読み込み中の状態interactive … ドキュメントの解析は完了したが、画像などのサブリソースは still 読み込み中の状態complete … ドキュメントとすべてのサブリソースの読み込みが完了した状態以下は、ボタンをクリックしたタイミングでdocument.readyStateの値を判定し、ページの読み込み状