JavaScriptの条件式でfalse判定される値（falsy値）を解説！初心者でも理解できる

JavaScriptの条件式でfalse判定される値（falsy値）を解説

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

生徒

「JavaScriptで条件式を書いたとき、なぜか意図せずにfalseになることがあります。これはどういう意味ですか？」

先生

「それはJavaScriptのfalsy値と呼ばれる特別な値の性質が関係しています。条件式でfalseとみなされる値のことです。」

生徒

「falsy値って具体的にはどんなものがありますか？」

先生

「順を追って説明しますね。理解すると条件式の挙動がよくわかります。」

1. falsy値とは？

JavaScriptでは条件式でtrueかfalseかを判断します。通常はtrueは真、falseは偽として扱います。しかし、数字や文字列などの値でも条件式でfalseと判断されるものがあります。これをfalsy値と呼びます。

JavaScriptでfalseと判定される代表的なfalsy値は次の通りです。

これらの値は、条件式で自動的にfalseとして扱われます。

例えば、変数valueがfalsy値かどうか確認する場合、次のように書けます。


let value = 0;

if (!value) {
  console.log("valueはfalsy値です");
}


valueはfalsy値です

ここで!は「論理否定」です。valueがfalsy値ならtrueに変換され、条件式が実行されます。

falsy値を活用すると、短絡評価で安全に処理を行えます。例えば、オブジェクトが存在する場合だけメッセージを表示する場合です。


let user = null;
user && console.log("ユーザー名は" + user.name);


（何も出力されない）

ここでuserがnull（falsy値）なので、右側のconsole.logは実行されません。

OR演算子を使うと、falsy値をチェックしてデフォルト値を設定できます。


let input = "";
let name = input || "ゲスト";
console.log(name);


ゲスト

ここでinputが空文字列（falsy値）なので、"ゲスト"が代入されます。条件式と短絡評価を組み合わせることで、値が存在しない場合の安全な処理が可能です。

falsy値を理解することで、JavaScriptの条件式が意図せずfalseになる原因がわかります。また、if文や短絡評価を使った簡潔なコードが書けるようになり、プログラムの可読性と安全性が向上します。