JavaScriptの真偽値(boolean)入門【初心者向け】

JavaScriptの真偽値(boolean)の使い方を初心者向けに解説。比較演算子・論理演算子・truthy/falsyの概念をコード例で紹介。中高生向け。無料。

2026年4月16日

JavaScript boolean(真偽値)とは?

プログラムでは「正しいか・正しくないか」を判断する場面がよくあります。そのときに使うのが boolean(ブーリアン)、日本語では 真偽値(しんぎち) といいます。

booleanは true(正しい)と false(正しくない)の2つの値しかありません。if文や条件分岐と組み合わせて使います。

const isLoggedIn = true;
const hasError   = false;

console.log(isLoggedIn); // true
console.log(hasError);   // false

比較演算子でbooleanを作る

比較演算子を使うと、比較の結果が true または false になります。

console.log(5 > 3);    // true
console.log(5 < 3);    // false
console.log(5 === 5);  // true(等しい)
console.log(5 !== 3);  // true(等しくない)
console.log(5 >= 5);   // true(以上)

論理演算子:booleanを組み合わせる

const age     = 15;
const hasCard = true;

// &&(AND):両方 true のとき true
console.log(age >= 12 && hasCard); // true

// ||(OR):どちらか true のとき true
console.log(age < 6 || age > 65);  // false

// !(NOT):true を false に、false を true に反転
console.log(!hasCard); // false

truthy と falsy

JavaScriptでは、true/false 以外の値も条件式で使えます。truthy(トゥルーシー)は「trueとして扱われる値」、falsy(フォルシー)は「falseとして扱われる値」です。

// falsy な値(false として扱われる)
false, 0, '', null, undefined, NaN

// truthy な値(true として扱われる)
// 上記以外はすべて truthy

// 実用例
const name = '';
if (name) {
  console.log('名前あり');
} else {
  console.log('名前なし'); // こちらが実行される(空文字はfalsy)
}

falsyな値は false0''(空文字)・nullundefinedNaN の6つだけです。空の配列 [] や空のオブジェクト {} はtruthyになるので注意しましょう。

真偽値が使われる場面

真偽値(true/false)はプログラミングのあらゆる場面で使われます。具体的な例を紹介します。

場面1:条件分岐

if文の条件はすべて真偽値で判定されます。「score >= 80」という式は、スコアが80以上ならtrue、そうでなければfalseを返します。trueのときだけif文の中の処理が実行されます。条件分岐について詳しくは「JavaScriptの条件分岐入門」で学べます。

場面2:ループの継続条件

whileループやforループの条件も真偽値です。条件がtrueの間はループが続き、falseになったら止まります。

場面3:フラグ(状態管理)

「ログインしているかどうか」「ダークモードかどうか」のような状態を管理するとき、真偽値の変数を使います。これを「フラグ」と呼びます。isLoggedIn = true、isDarkMode = falseのように書きます。

場面4:配列のフィルタリング

配列のfilterメソッドは、条件がtrueの要素だけを残します。「80点以上の人だけ取り出す」といった処理に使います。

実践パターン:truthy/falsyを使った書き方

if (username) は「usernameが空文字やnullでなければ」という意味になります。value || "デフォルト" は「valueがfalsyならデフォルト値を使う」というパターンです。この仕組みを使うと、「値が入っているかどうか」を簡潔にチェックできます。ただし、0 や空文字列もfalsyになる点に注意しましょう。

JavaScriptの基本がまだ不安な人は「JavaScriptとは?初心者向けにわかりやすく解説」を先に読んでおくと、真偽値の理解もスムーズになります。

まとめ

  • booleantrue(正しい)と false(正しくない)の2値
  • ✅ 比較演算子(===><=など)の結果はboolean
  • &&(AND)・||(OR)・!(NOT)で組み合わせられる
  • falsyfalse0''nullundefined
  • ✅ if文の条件式ではbooleanが使われる

booleanを理解すると、条件分岐が自由に書けます。レッスンでさらに実践的な使い方を学んでみましょう。

🚀 JavaScriptをレッスンで学ぼう!

このサイトのJavaScriptコースでは、booleanを使った実践的なプログラムをブラウザだけで学べます。無料・登録不要です。

JavaScriptコースを見る →
目次

コースで実際に手を動かして学ぼう

レッスンではコードを書きながら基礎が身につきます

HTMLコースを始める →

この記事に出てくる用語

📣 この記事が役に立ったら

Xでシェア

💬 引用する場合はこちらをご利用ください:

JavaScriptの真偽値(boolean)の使い方を初心者向けに解説。比較演算子・論理演算子・truthy/falsyの概念をコード例で紹介。中高生向け。無料。

出典: https://start-web-programming.com/blog/javascript-boolean/