JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptでブール変数を宣言する方法をわかりやすく解説

JavaScriptにおけるブール変数は、true または false の2つの値のみを持つデータ型です。条件分岐や比較演算の結果を扱う際に欠かせない基本的な型であり、プログラムの流れを制御するために頻繁に使用されます。

ブール変数の宣言方法

let や const を使えば、次のように簡単にブール変数を宣言できます。

let isActive = true;
const isVisible = false;

true と false は必ず小文字で記述します。大文字にするとエラーになるため注意しましょう。

例：Boolean()関数を使ったブール値の取得

Boolean() 関数を使うと、式や値の真偽を判定できます。以下のコードでは、比較式「35 > 20」の結果をブール値として表示します。ボタンをクリックして動作を確認してみてください。

<!DOCTYPE html>
<html>
   <body>
      <p>35 > 20</p>
      <button onclick="myValue()">Click for result</button>
      <p id="test"></p>
      <script>
         function myValue() {
            document.getElementById("test").innerHTML = Boolean(35 > 20);
         }
      </script>
   </body>
</html>

実行結果

ボタンをクリックすると、「35 > 20」という比較は正しいため、画面には true と表示されます。このように、比較演算の結果は自動的にブール値として評価され、if文などの条件分岐でも同じ仕組みが使われています。

  1. JavaScriptをHTMLファイルに埋め込む方法をわかりやすく解説

    JavaScriptをHTMLファイルに埋め込む方法は、大きく分けて2つあります。<script>タグ内に直接コードを記述する「インライン方式」と、src属性で外部の.jsファイルを読み込む「外部ファイル方式」です。 ここでは、両方の方法を組み合わせた具体的なサンプルコードを紹介します。 サンプルコード <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <meta name="viewport&quo

  2. DOM要素を取得してconsole.logでコンソールに出力する方法【JavaScript入門】

    JavaScriptでDOMに関連する変数をコンソールに表示したい場合、document.getElementById()を使用して対象の要素を取得し、その結果をconsole.log()で出力します。この記事では、実際のコード例を使って、DOM要素をコンソールにログとして表示する手順をわかりやすく解説します。コード例以下は、テキスト入力フィールドのDOM要素を取得してコンソールに表示するサンプルコードです。<!DOCTYPE html> <html lang=ja> <head>    <meta charset=UTF-8>