nullとundefinedの違いをひとことで言うと？
プログラミングを学び始めると、必ず出会うnullとundefined。どちらも「値がない」ことを表しますが、その意味合いはまったく異なります。
ひとことで言えば、undefined は「まだ何も入っていない」状態、null は「意図的に空にした」状態です。日常生活に例えるなら、undefinedは「まだ届いていない荷物」、nullは「中身を取り出して空にした箱」のようなものです。
undefinedとは？「未定義」の状態
undefinedは、変数が宣言されたものの、まだ値が代入されていない場合に自動的にセットされる値です。JavaScriptでは特に頻繁に登場し、以下のようなケースで発生します。
undefinedが発生する主なケース：
・変数を宣言しただけで、何も代入していないとき
・オブジェクトに存在しないプロパティにアクセスしたとき
・関数が明示的にreturnしていないとき
・関数の引数が渡されなかったとき
つまり、undefinedはプログラムが自動的に「まだ何もないよ」と教えてくれるサインです。開発者が意図して設定するものではなく、システムが勝手に付ける状態と理解すると分かりやすいでしょう。
nullとは？「意図的に空」にした状態
一方、nullは開発者が意図的に「値がない」ことを示すために設定する値です。「ここには何もありませんよ」と明示的に伝えるために使います。
nullが使われる主なケース：
・データベースで値が存在しないことを表すとき
・オブジェクトの参照をリセット（解除）するとき
・APIのレスポンスで「該当データなし」を返すとき
・変数を初期化して「まだ値を入れていないが、後で入れる予定」と示すとき
nullは「空っぽ」を意味するのではなく、「空っぽであることに意味がある」と理解しましょう。
nullとundefinedの決定的な3つの違い
違い①：誰が設定するか
undefinedはJavaScriptエンジン（システム）が自動的に設定します。開発者が明示的にundefinedを代入することは通常ありません。一方、nullは開発者が意図的に代入します。この「自動 vs 手動」の違いが最も本質的な差です。
違い②：型（type）の違い
JavaScriptでtypeof演算子を使うと、undefinedは「undefined」型を返しますが、nullは「object」型を返します。これはJavaScriptの歴史的なバグとして知られていますが、現在も互換性のために修正されていません。この型の違いは、条件分岐やデバッグの際に重要になります。
違い③：等価比較での振る舞い
JavaScriptでは、nullとundefinedを「==（緩い等価）」で比較するとtrueになりますが、「===（厳密等価）」で比較するとfalseになります。つまり「似ているけれど完全に同じではない」ということです。実務では===（厳密等価）を使って明確に区別することが推奨されています。
実際の開発現場ではどう使い分ける？
実際の開発では、以下のルールを覚えておくと困りません。
undefinedに対しては：変数宣言時に初期値を設定する習慣をつけることで、意図しないundefinedを防ぎます。また、オプショナルチェイニング（?.）やデフォルト引数を活用すると、undefinedによるエラーを効果的に回避できます。
nullに対しては：「値が存在しない」ことを明示したい場面で積極的に使います。例えば、ユーザーがまだプロフィール画像を設定していない場合にnullを使い、「画像がない」ことを意図的に表現します。
現場でよく使われるベストプラクティスとしては、「undefinedは検出するもの、nullは設定するもの」と覚えておくと判断に迷いません。
他の言語ではどうなっている？
nullとundefinedの扱いは言語によって異なります。Pythonには「undefined」に相当するものはなく、「None」がnullの役割を果たします。Javaでは、未初期化の変数はコンパイルエラーになるため、undefinedのような状態は基本的に発生しません。nullは「参照型の変数に何も参照させていない」状態を表します。
TypeScriptでは、strictNullChecksオプションを有効にすることで、nullとundefinedをより厳密に型チェックでき、意図しないバグを防ぐことができます。このように、言語ごとの特性を理解しておくと、マルチ言語プロジェクトでも混乱しにくくなります。
まとめ：nullとundefinedの違い早見表
nullは「開発者が意図的に設定する”空”」、undefinedは「システムが自動的に設定する”未定義”」です。型はnullがobject、undefinedがundefined。==ではtrue、===ではfalse。発生タイミングは、nullが明示的な代入時、undefinedが未代入・未定義アクセス時です。
この違いを理解しておけば、デバッグ時に「なぜこの変数がundefinedなのか」「ここはnullであるべきなのか」を素早く判断できるようになります。プログラミング初心者の方は、まず「undefinedが出たら、何かを設定し忘れていないか確認する」というクセをつけると、効率的にバグを発見できるようになるでしょう。
コメント