{category}

JavaScript - プリミティブ型

Boolean

ブーリアン(データ型

意味 ブーリアン型(真偽値)


Booleanとは?

trueまたはfalseの2つの値のみを持つデータ型。

Booleanの具体的な使い方

Boolean型の変数を宣言する例

let isTrue = true;
let isFalse = false;

console.log(typeof isTrue);
console.log(typeof isFalse);

console.log(isTrue);
console.log(isFalse);

👇出力結果

boolean
boolean
true
false

Boolean型の変数を宣言し、その型と値を確認します。

条件式の結果をBoolean型の変数に格納する例

const age = 20;
const isAdult = age >= 18;

console.log(`年齢: ${age}`);
console.log(`成人ですか? ${isAdult}`);
console.log(`${age}歳は${isAdult ? '成人です' : '未成年です'}`);

👇出力結果

年齢: 20
成人ですか? true
20歳は成人です

年齢が18歳以上かどうかを判定し、その結果をBoolean型の変数に格納します。シンプルな条件式と出力を使用しています。

Boolean値を使った条件分岐の例

<!DOCTYPE html>
<html>
<body>
  <button id="toggleButton">切り替え</button>
  <p id="status">現在の状態: オフ</p>

  <script>
    let isOn = false;
    const button = document.getElementById('toggleButton');
    const statusElement = document.getElementById('status');

    button.addEventListener('click', function() {
      isOn = !isOn;
      if (isOn) {
        statusElement.textContent = '現在の状態: オン';
      } else {
        statusElement.textContent = '現在の状態: オフ';
      }
    });
  </script>
</body>
</html>

ボタンをクリックするたびに、Boolean値を反転させて状態を切り替えます。条件分岐を使って、現在の状態に応じて表示を変更します。

Booleanに関するよくある質問

Q. Boolean型とは何ですか?
A. Boolean型は、trueまたはfalseの2つの値のみを持つデータ型です。主に条件分岐や論理演算で使用されます。
Q. Boolean型の変数を宣言するには?
A. let isTrue = true; のように、trueまたはfalseを直接代入して宣言できます。また、条件式の結果を変数に代入することでも作成できます。
Q. Boolean型の値を反転するには?
A. 論理否定演算子(!)を使用します。例:let notTrue = !true; とすると、notTrueはfalseになります。

Booleanが学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか?
プログラミング単語帳には、JavaScriptのBooleanやnull、undefined、Date、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。

1日5分の暗記でプログラミンが身に付く!プログラミング単語帳 公式ストアで発売中!

HTML編、CSS編、JavaScript編、PHP編、Ruby編、その他単語編の6シリーズ分が公式ストアにて販売中です。気になった方はぜひ購入してみてください。


JavaScriptを学べる「プログラミング単語帳」アプリ

プログラミング単語帳がアプリになりました!JavaScriptはもちろん、10種類のプログラミング言語の中から、よく使われる単語をスマホで学習できます。

収録単語は2,000単語以上!
現在は、HTML、CSS、JavaScirpt、PHP、Laravel、Ruby、Python、MySQL、Linux、など10カテゴリーの単語帳が1つのアプリに収録されています。

いつでも、どこでも、隙間時間を有効活用して、プログラミングを効率的に学べるので、ぜひダウンロードしてみてください。

2024年7月アップデート情報:「Laravel」カテゴリーが追加されましました!

2024年8月アップデート情報:「MySQL」「Linux」カテゴリーが追加されましました!


関連するそのほかの単語

null

存在しない

種類: プリミティブ型

undefined

値を持っていない

種類: プリミティブ型

Date

日付型

種類: オブジェクト型

Promise.resolve()

値からPromise生成

種類: Promise

mouseover

カーソルが要素に入る時のイベント

種類: ユーザーインタラクションイベント