JavaScript比較演算子・等価演算子の使い方｜==と===の違いや等価判定のルールを解説

JavaScriptを習得する上で、比較演算子と等価演算子の理解は避けては通れない非常に重要なステップです。

プログラミングにおける条件分岐やループ処理の成否は、これらの演算子をいかに正確に使いこなせるかにかかっています。

JavaScript特有の「型変換」の挙動を知らないままコードを書くと、思わぬバグを引き起こす原因となりかねません。

本記事では、2026年現在のモダンな開発環境に即した等価判定のルールや、比較演算子の正しい使い方について詳しく解説します。

比較演算子の基礎知識と種類

JavaScriptにおける比較演算子は、2つの値を比較し、その結果を真偽値（trueまたはfalse）で返す役割を持ちます。

まずは、数値や文字列の大小を比較するために頻繁に使用される基本的な演算子を確認しましょう。

関係演算子の役割

関係演算子には、以下の4つの記号が含まれます。

これらの演算子は、主に数値の比較に使用されますが、JavaScriptでは文字列の比較にも利用可能です。

数値の比較においては、数学的な直感通りに動作するため、特に混乱することはないでしょう。

const price = 1500;
const budget = 2000;

// 予算内かどうかを判定
console.log(price <= budget);

true

文字列の比較における注意点

文字列に対して比較演算子を使用する場合、辞書順（Unicode順）で比較が行われます。

例えば、「”apple” < “banana”」という比較はtrueとなりますが、アルファベットの順序に基づいているためです。

しかし、数字を含む文字列を比較する際には注意が必要です。

「”10″ < “2”」という比較を行った場合、結果はtrueとなります。

これは、最初の文字である「”1″」と「”2″」を比較した時点で、「”1″」の方が小さいと判定されるためです。

意図しない判定を防ぐため、数値として比較したい場合は必ず明示的にNumber型へキャストしましょう。

等価演算子の違い：== と ===

JavaScriptで最も議論の対象となりやすく、またバグの温床になりやすいのが「等価演算子」です。

等価演算子には、==（等価演算子）と===（厳密等価演算子）の2種類が存在します。

等価演算子（==）の挙動

等価演算子（==）は、比較する2つの値の型が異なる場合、JavaScript側で自動的に型を変換してから比較を行います。

これを「暗黙の型変換」と呼びます。

例えば、数値の5と文字列の"5"を比較すると、JavaScriptは文字列を数値に変換して比較するため、結果はtrueになります。

// 暗黙の型変換が行われる例
console.log(5 == "5"); 
console.log(true == 1); 
console.log(null == undefined);

true
true
true

一見便利に思えますが、この挙動は複雑な条件分岐において予期せぬ結果を招くことが多々あります。

例えば、空文字""と数値の0を比較した場合もtrueと判定されてしまいます。

厳密等価演算子（===）の挙動

厳密等価演算子（===）は、値だけでなく型が一致しているかどうかも含めて判定を行います。

型が異なる場合は、暗黙の型変換を行わずに即座にfalseを返します。

// 型を含めた厳密な比較
console.log(5 === "5"); 
console.log(true === 1); 
console.log(null === undefined);

false
false
false

現代のJavaScript開発において、原則として===を使用することがベストプラクティスとされています。

コードの可読性が高まり、他のエンジニアがコードを読んだ際にも意図が明確に伝わるためです。

不等価演算子の使い分け

「等しくないこと」を判定する場合も、等価演算子と同様に2種類の演算子が存在します。

不等演算子（!=）

不等演算子（!=）は、型が異なる場合に暗黙の型変換を行った上で、等しくないかどうかを判定します。

「5 != "5"」の結果はfalseとなります。

厳密不等演算子（!==）

厳密不等演算子（!==）は、型を含めて等しくないかどうかを判定します。

「5 !== "5"」は型が異なるため、結果はtrueになります。

バグを未然に防ぐためにも、不等判定には常に !== を使用するように心がけましょう。

特殊な値の比較ルール

JavaScriptには、通常の比較ルールが当てはまらない特殊な値がいくつか存在します。

null と undefined の判定

nullとundefinedは、どちらも「値がない」ことを示しますが、型は異なります。

これらを==で比較するとtrueになりますが、===で比較するとfalseになります。

あえて「どちらかであれば良い」という条件を作る場合に限り、== nullという表記が使われることもあります。

let data = null;

// nullまたはundefinedのどちらかであることをチェック
if (data == null) {
    console.log("値が存在しません。");
}

ただし、2026年現在の開発トレンドでは、より明示的に「data === null || data === undefined」と書くか、Null合体演算子（??）を活用することが一般的です。

NaN（Not-a-Number）の比較

NaNは「数値ではない」ことを表す特殊な値ですが、非常に特殊な性質を持っています。

それは、NaNは自分自身を含めて、どの値とも等しくないという点です。

const result = "abc" / 10; // NaNになる

console.log(result === NaN);

false

値がNaNであるかどうかを確認したい場合は、Number.isNaN()メソッドを使用する必要があります。

オブジェクトの比較における落とし穴

JavaScriptにおいて、オブジェクトや配列の比較は、初心者が最も躓きやすいポイントの一つです。

参照値による比較

オブジェクトや配列の比較では、値そのものではなく、メモリ上の保存場所（参照先）が比較されます。

たとえ中身が全く同じプロパティを持つオブジェクト同士であっても、新しく生成された異なるインスタンスであれば、比較結果はfalseになります。

const obj1 = { name: "Tanaka" };
const obj2 = { name: "Tanaka" };

console.log(obj1 === obj2);

false

同じオブジェクトとして認識させるには、同じ参照先を指している必要があります。

const obj3 = obj1;
console.log(obj1 === obj3);

true

オブジェクトの「深い比較」を行う方法

配列やオブジェクトの中身が一致しているかどうかを判定したい場合は、「ディープイコール（Deep Equality）」の処理が必要です。

標準の演算子だけでは実現できないため、ライブラリを使用するか、再帰的な関数を自作することになります。

もしくは、JSON.stringify()を用いて文字列に変換してから比較する手法もありますが、プロパティの順序に依存するため注意が必要です。

Object.is() による厳密な判定

ES2015（ES6）で導入されたObject.is()メソッドは、===よりもさらに厳密な比較を行います。

===では判定できないケース（NaN同士の比較や、+0と-0の比較）を正しく扱うことができます。

基本的には===で十分ですが、数学的な厳密さが求められる処理ではObject.is()が有用です。

2026年における比較演算子の使い分け指針

近年のJavaScript開発では、TypeScriptの普及も相まって、型の整合性に対する意識が非常に高まっています。

そのため、比較演算子の使い分けについても明確なルールを設けるプロジェクトが増えています。

1. 常に厳密等価演算子（===）をデフォルトにする

理由がない限り、==は使用しません。

これはESLintなどの静的解析ツールでも強く推奨される設定です。

2. 型変換は比較の「前」に明示的に行う

「if (value == 100)」とするのではなく、「if (Number(value) === 100)」と記述します。

これにより、どこで型変換が発生しているかが一目でわかるようになります。

3. null合体演算子（??）やオプショナルチェイニング（?.）を併用する

比較演算子だけで全ての状態をチェックしようとせず、モダンな構文を組み合わせてシンプルに記述します。

まとめ

JavaScriptの比較演算子と等価演算子は、一見シンプルですが、その背後にある型変換のルールを理解することが不可欠です。

==による暗黙の型変換は、予期せぬ挙動を生むリスクがあるため、現代の開発では===（厳密等価演算子）の使用が標準となっています。

また、オブジェクトや配列の比較においては「参照」が重要であること、NaNの判定には専用のメソッドが必要であることを忘れないようにしましょう。

これらの基本を正しく押さえることで、安全で読みやすい、高品質なJavaScriptコードを記述できるようになります。

日々のコーディングの中で、今一度自分が使っている演算子の意味を意識してみてはいかがでしょうか。