【保存版】もう迷わない！Javascriptのtrue(真)/false(偽)具体例一覧

はじめに

みなさんはjavascriptでif文を書く時にどの値が true または false になるか覚えていますか？

Vue.jsやReact、Nuxt.jsやNext.jsなどJSフレームワークが出てきてJavascriptが簡単に使える世の中になった一方で、純粋なJavascript（Vanilla JSと言ったりもします）の知識を知らずにJSフレームワークを使われている場面が多い気がします。

そこでこの記事では、Javascriptでif文などの条件判定部分について、どういった値がtrue または false になるのかご紹介します。

truthy / falsyってきいたことある？

一言でいうと、if文など論理型コンテキスト判定で
true になるものを truthy、 falseになるものを falsyと言います。

（とはいっても開発の現場で truthy、 falsy　という言葉を聞くことはほぼありません。笑）

Javascriptでの true / false 具体例一覧

ではどんな値がJavascriptで true または false となるのかその理由も一緒に見ていきましょう。

はい、いかがだったでしょうか？

思った通りというものもあれば、空のオブジェクトや空の配列がfalseじゃないなんて、、！と
以外だったものもあるかもしれません。

まとめ

まとめるとJavascriptでのtruthy, falsyの判定ルールは以下となっているようです。

JSフレームワークを使うときに、おろそかになりがちな基礎の部分なので
ぜひ振り返り用にときどき確認してもらえればと思います。