カテゴリ: JavaScript 更新日: 2025/12/21

JavaScriptの真偽値(Boolean)とは?trueとfalseの基本をマスターしよう

JavaScriptの真偽値(Boolean)とは?trueとfalseの基本をマスターしよう
JavaScriptの真偽値(Boolean)とは?trueとfalseの基本をマスターしよう

先生と生徒の会話形式で理解しよう

生徒

「先生、JavaScriptでよく見るtrueとかfalseって何ですか?」

先生

「それは真偽値(しんぎち)といって、物事が正しいか間違っているかを表す特別なデータ型のことです。」

生徒

「どうしてそんなものが必要なんですか?」

先生

「プログラムは判断をたくさんします。例えば『もし今日が雨なら傘を持っていく』という条件判断には、truefalseの判断が必要なんですよ。」

生徒

「なるほど!それで、どうやって使うんですか?」

先生

「それでは基本から詳しく説明しますね!」

1. 真偽値(Boolean)とは?

1. 真偽値(Boolean)とは?
1. 真偽値(Boolean)とは?

真偽値は、true(真・正しい)かfalse(偽・間違っている)のどちらかだけを取る特別なデータの種類(データ型)です。英語の「Boolean(ブール)」という言葉が名前の由来で、コンピューターの世界では「はい・いいえ」「オン・オフ」などの判断に使われます。

2. JavaScriptでのBooleanの使い方

2. JavaScriptでのBooleanの使い方
2. JavaScriptでのBooleanの使い方

JavaScriptでは、truefalseはキーワードとして使います。たとえば、


let isSunny = true;  // 晴れている
let isRaining = false; // 雨が降っていない

console.log(isSunny);   // true
console.log(isRaining); // false

このように、状態や条件をtruefalseで表現します。

3. なぜ真偽値が重要なの?

3. なぜ真偽値が重要なの?
3. なぜ真偽値が重要なの?

プログラムは条件によって動きを変えます。真偽値を使って「もし〜ならば」といった判断を行い、処理を切り替えます。これを「条件分岐」と言います。


let isLoggedIn = true;

if (isLoggedIn) {
  console.log("ようこそ!");
} else {
  console.log("ログインしてください。");
}

ここで、isLoggedIntrueなら「ようこそ!」を表示し、そうでなければ「ログインしてください。」と表示します。

4. Booleanに変換される値

4. Booleanに変換される値
4. Booleanに変換される値

JavaScriptでは、値は自動的にtruefalseに変換されることがあります。これを「真偽値変換」と言います。以下の値はfalseとみなされます(「偽」と呼びます)。

  • false
  • 0(ゼロ)
  • ""(空の文字列)
  • null
  • undefined
  • NaN(Not a Number)

それ以外はすべてtrue(「真」)として扱われます。

5. 真偽値変換の例

5. 真偽値変換の例
5. 真偽値変換の例

if (0) {
  console.log("これは表示されません");
} else {
  console.log("0はfalseと判断されます");
}

if ("こんにちは") {
  console.log("空でない文字列はtrueです");
}

0はfalseと判断されます
空でない文字列はtrueです

6. 真偽値を返す比較演算子

6. 真偽値を返す比較演算子
6. 真偽値を返す比較演算子

真偽値は条件を判断するときに使われます。比較演算子を使うと結果がtruefalseになります。


console.log(5 > 3);   // true(5は3より大きい)
console.log(2 === 2); // true(2と2は同じ)
console.log(4 < 1);   // false(4は1より小さくない)
console.log("a" === "b"); // false("a"と"b"は違う)

7. Boolean型を作る方法

7. Boolean型を作る方法
7. Boolean型を作る方法

明示的にBoolean型に変換したい場合は、Boolean()関数を使います。


console.log(Boolean(0));       // false
console.log(Boolean(123));     // true
console.log(Boolean(""));      // false
console.log(Boolean("hello")); // true

8. よく使うBooleanの注意点

8. よく使うBooleanの注意点
8. よく使うBooleanの注意点
  • 条件文(if文など)では、truefalseを使って分岐処理を作ることが基本です。
  • 文字列の空文字("")や数字の0はfalseとして扱われるので注意が必要です。
  • 真偽値は変数や関数の返り値としてよく使われます。

まとめ

まとめ
まとめ

JavaScriptの真偽値(Boolean)は、プログラムの動きを左右する非常に重要な概念です。この記事で学んだように、 truefalseという二つの値だけで、条件分岐、入力チェック、比較処理、状態管理など多くの処理が成り立っています。 真偽値は一見すると単純なデータ型のように思えますが、実はプログラム全体の制御に関わる根本的な要素であり、 JavaScriptを使う場面ではどんなアプリケーションでも必ずと言っていいほど活用されます。 特に「値がBooleanへ変換される仕組み」や、「falseとみなされる値(falsy)」の理解は、 条件分岐で意図しない動作を防ぐ上でとても重要です。ゼロや空文字がfalseと判断されることを知らないと、 動作確認の段階で「なぜこの分岐に入らないのか?」と迷ってしまうことがよくあります。 プログラムがどのように真偽値を扱うかを理解することで、コードの読みやすさや予測しやすさも格段に向上します。 また、比較演算子によってtruefalseが返される仕組みや、 Boolean()関数を使った明示的な真偽値変換を理解することで、条件を整理しながら書けるようになります。 これは実務でも非常に役立つスキルで、多くの開発者がコードの品質を保つために気をつけている点でもあります。 さらに、BooleanはWebアプリケーションのあらゆる判定に使われており、 ログイン状態、ボタンの表示・非表示、エラーメッセージの制御、入力値の妥当性チェックなど、日常的に触れる機能の背後には必ず真偽値が存在しています。 そのため、Booleanの基礎をしっかり身につけることは、JavaScriptの理解の土台を固めるうえで欠かせないステップです。 以下に、記事全体の内容を振り返るためのサンプルコードをまとめて掲載します。 実際に動かしてみることで、真偽値がどのように判定され、どのように条件分岐に影響するのかを直感的に理解できるようになるはずです。

サンプルプログラムまとめ


// 基本的なBooleanの使い方
let isSunny = true;
let isRaining = false;
console.log(isSunny);
console.log(isRaining);

// 条件分岐とBoolean
let isLoggedIn = true;
if (isLoggedIn) {
  console.log("ようこそ!");
} else {
  console.log("ログインしてください。");
}

// Booleanに変換される値の確認
console.log(Boolean(0));       // false
console.log(Boolean(""));      // false
console.log(Boolean("こんにちは")); // true
console.log(Boolean(100));     // true

// 比較演算子で真偽値を返す例
console.log(5 > 2);      // true
console.log(3 === "3");  // false
console.log(10 <= 10);   // true
console.log("a" !== "b");// true

// falsyの判定例
if (0) {
  console.log("これは表示されません");
} else {
  console.log("0はfalseと判断されます");
}

if ("JavaScript") {
  console.log("空文字でない文字列はtrueです");
}
先生と生徒の振り返り会話

生徒

「先生、真偽値って最初は簡単だと思っていたけど、意外と奥が深いんですね。」

先生

「その通りですよ。特にBooleanへ自動変換される仕組みや、falseと判断される値の種類は実務でとても役立ちます。」

生徒

「確かに、ゼロや空文字がfalseになることを知らなかったら、条件分岐で混乱しちゃいそうです…。」

先生

「初心者がつまずきやすいポイントなんですよ。だからBooleanの性質をしっかり覚えておくことで、バグを未然に防げます。」

生徒

「比較演算子の結果もtrueかfalseになるのがわかりやすかったです。条件の整理にも役立ちそう!」

先生

「今回の内容が理解できたなら、if文や論理演算子ももっと使いこなせるようになりますよ。少しずつ練習して慣れていきましょう。」

生徒

「はい!次は複雑な条件や&&や||の組み合わせも学んでみたいです!」

先生

「良いですね。Booleanを理解したあなたなら、次のステップもきっとスムーズに進めますよ。」

この記事を読んだ人からの質問

この記事を読んだ人からの質問
この記事を読んだ人からの質問

プログラミング初心者からのよくある疑問/質問を解決します

JavaScriptの真偽値Booleanとは何を表すデータ型ですか?

JavaScriptの真偽値Booleanは、trueとfalseの2つだけを扱うデータ型で、物事が正しいか誤りかを判断するための基本的な値です。条件分岐や状態管理で最もよく使われます。
カテゴリの一覧へ
新着記事
New1
TypeScript
TypeScriptでパスエイリアスを設定する方法!baseUrlとpathsでコードをスッキリ整理
New2
JavaScript
JavaScriptのfor文の書き方を初心者向けにやさしく解説
New3
JavaScript
JavaScriptの関数でよくあるエラーとその解決法まとめ
New4
JavaScript
JavaScriptのイベント処理でよくあるエラーとその対処法
人気記事
No.1
Java&Spring記事人気No1
JavaScript
JavaScriptのインストール方法まとめ!Windows・Mac・Linux別にステップ解説
No.2
Java&Spring記事人気No2
JavaScript
JavaScriptのマウスイベントの使い方(click, mouseoverなど)
No.3
Java&Spring記事人気No3
JavaScript
JavaScriptのtoStringとString関数の違いを初心者向けに解説
No.4
Java&Spring記事人気No4
JavaScript
JavaScriptの純粋関数(pure function)と副作用の違いを理解しよう
No.5
Java&Spring記事人気No5
JavaScript
JavaScriptプログラムの実行方法まとめ!ブラウザ・Node.js・コンソールの使い方
No.6
Java&Spring記事人気No6
JavaScript
JavaScriptで文字列をforループで1文字ずつ処理する方法!初心者向け解説
No.7
Java&Spring記事人気No7
JavaScript
JavaScriptのDOMContentLoadedとloadイベントの違いを理解しよう
No.8
Java&Spring記事人気No8
TypeScript
TypeScriptの始め方:開発環境の構築手順【初心者向け】