JavaScriptの==と===の違いとは？等価演算子の使い分けをわかりやすく解説

JavaScriptには、値を比較するための2種類の等価演算子があります。それが「==（ダブルイコール）」と「===（トリプルイコール）」です。一見似ていますが、動作は大きく異なり、この違いを理解することはバグの少ないコードを書くために非常に重要です。

==（抽象的等価演算子）とは

ダブルイコール（==）は抽象的等価比較演算子と呼ばれ、比較を行う前にオペランド（比較する値）を同じ型に変換してから評価します。この暗黙的な型変換により、異なる型同士でも「等しい」と判断されることがあります。

== の使用例

4    == 4     // true
'4'  == 4     // true（文字列が数値に変換される）
4    == '4'   // true（数値が文字列に変換される）
0    == false // true（falseが0に変換される）

このように、== は型が異なっていても内容が一致していれば true を返します。便利な反面、意図しない型変換によって予期せぬ結果を招くことがあるため注意が必要です。

===（厳密等価演算子）とは

トリプルイコール（===）は厳密等価比較演算子と呼ばれ、型変換を行わずに値と型の両方を比較します。そのため、型が異なる場合や内容が異なる場合には false を返します。

=== の使用例

4 === 4      // true
4 === '4'    // false（型が異なるため）

var v1 = {'value': 'key'};
var v2 = {'value': 'key'};
v1 === v2    // false（別々のオブジェクト参照のため）

特にオブジェクトの場合、中身が同じでもそれぞれ独立したインスタンスであるため、=== で比較すると false になります。これはオブジェクトが参照渡しで扱われるためです。

使い分けのポイント

一般的に、JavaScriptでは予期しない型変換によるバグを防ぐため、=== を使うことが推奨されています。== を使うのは、null と undefined を意図的に同一視したい場合など、限定的なケースにとどめるのが安全です。