なぜ == ではなく === を使うのか

== は比べる前に型を揃えます。その変換の規則が、覚えきれないほど複雑だからです。

=== は型が違えば即座に false です。規則は1つしかありません。

console.log(0 == '');
console.log(0 === '');

console.log(0 == '');
console.log('' == '0');
console.log(0 == '0');

覚えられない、という証明

規則を覚えようとするより、覚える価値が無いことを見たほうが早いです。

console.log(0 == false);
console.log('0' == false);
console.log([] == false);
console.log([] == '');
console.log([1, 2] == '1,2');

console.log(0 === false);
console.log([] === false);
console.log([1, 2] === '1,2');

0 と '' は等しい。'' と '0' は等しくない。なのに 0 と '0' は等しい。

a == b かつ b == c なのに a == c とは限らない、ではありません。 ここではもっと悪くて、「等しい」が繋がりません。

数学の等号なら、a = b と b ≠ c なら a ≠ c のはずです。 == はそれを満たしません（推移律が成り立たない）。

繋がらない規則は、頭の中で使えません。

直感から外れる組み合わせ

console.log(null == undefined);
console.log(null === undefined);

console.log(null == 0);
console.log(null == false);
console.log(null == '');

配列と文字列が等しくなります。配列が文字列に変換されてから比べられるからです。

=== なら全部 false です。

function orDefault(value) {
  return value == null ? '無い' : value;
}

console.log(orDefault(null), orDefault(undefined));
console.log(orDefault(0), orDefault(''), orDefault(false));

function wrong(value) {
  return !value ? '無い' : value;
}

console.log(wrong(0), wrong(''), wrong(false));

== を使ってよい唯一の場面

null と undefined をまとめて判定するときだけです。

console.log(NaN === NaN);
console.log(0 === -0);

console.log(Object.is(NaN, NaN));
console.log(Object.is(0, -0));

null は undefined とだけ等しく、他の何とも等しくなりません。

const input = '10';

console.log(input == 10);
console.log(Number(input) === 10);

const input = '10';

console.log(Number(input) === 10);
console.log(input === String(10));

だから v == null は「null か undefined のどちらか」を、正確に表します。

0 も空文字も false も、そのまま通っています。 2つ目の出力で 0 と false のあいだが空いているのは、空文字が出ているためです。

!value で書くと、こうはなりません。

意味のある 0 まで「無い」にされます。

?? があるならそちらを使ってください。 value ?? '無い' は null と undefined のときだけ右を返します。 == null と同じ判定を、より短く書けます。

=== でも足りないとき

=== にも2つだけ、直感と違うところがあります。

Object.is() はこの2つを直します。

NaN の話は別ページで詳しく扱っています。 → なぜ NaN === NaN は false なのか

よくある誤解

「== のほうが便利」

型を揃えてくれるのは便利に見えます。ですが、揃え方をこちらで選べません。

結果は同じでも、下は何をしているか読めば分かります。 上は「== の規則がたまたまそう動いた」だけです。

変換したいなら、自分で変換してください。 → 文字列を数値に変換する

「=== は遅い」

そうではありません。=== は型が違えばそこで終わります。 == のほうが変換の手順を踏むぶん、やることが多くなります。

「文字列と数値を比べたいときは == が要る」

要りません。どちらかに揃えてから === で比べます。

自分で確かめる

上のコードは書き換えて実行できます。

1. 0 == '\n' を試す（空白だけの文字列はどうなるか）
2. [] == ![] を試す（両辺が変換される）
3. null >= 0 と null == 0 を並べて試す（比較と等価で規則が違う）

予想してから実行してください。 当たらないはずです。

まとめ

• == は比べる前に型を揃える。その規則が複雑すぎる
• 0 == '' と 0 == '0' が真で '' == '0' は偽。「等しい」が繋がらない
• 使ってよいのは v == null だけ。null と undefined をまとめて見る
• ただし ?? が使えるならそちらが短い
• === でも NaN と -0 は例外。厳密に見るなら Object.is()
• 型を揃えたいなら、== に任せず自分で変換する