javascript == 等価演算子について

Question

自分が理解してるのが正しいか確認させてください。

https://qiita.com/PianoScoreJP/items/e43d70ec188c6fed73ed
の記事を見ると

等価演算子(==)は

数値と文字列を比較するとき、文字列は数値に変換されます。JavaScript は文字列の数値リテラルを > Number 型の数値に変換しようと試みます

のようです

というのは

null == undefined

が

Number(null) == Number(undefined)

と変換される意味でしょうか？

だとしたら疑問なのが

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

はtrueになりますが、

Number(null)
-> 0
Number(undefined)
-> NaN
Number(undefined) == Number(null)
false

はfalseになることです。

なにか認識違ってるのがありましたら教えていただけますでしょうか。

Comments

[miyabi_pudding]

そもそも、nullと、undefinedは文字列ではありません。
ので、今回の文字列の数値リテラルを〜の引用には該当しません。
Number(null)と、Number(undefined)自体を、コンソールで見てみてみた質問後半の結果が全てです。
まったく違う値だからです。
nullと、undefinedでも、
===の厳密等価だと、falseが返りませんか？？

[m.ts10806]

typeofで確認してみましたか？
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/typeof

Answer 1

null == undefinedについては、決め打ちでtrueとなると決まっています。数値への変換とかそういった工程はたどりません。

1. If x is null and y is undefined, return true.
2. If x is undefined and y is null, return true.

（ES2019§7.2.14Abstract Equality Comparisonより）

Comments

[maisumakun]

なお、リンク先にあるように、nullやundefinedの場合、==でも型変換は行われません。

（現代ではほぼ気にしなくていい例外はありますが）「（nullまたはundefined）==（nullでもundefinedでもないもの）」とすると、Type(null)はNull、Type(undefined)はUndefinedという特有なTypeとして扱われますので、1～9のどれにも合致せず、型変換なしで結果はfalseとなります。

[Kimsehwa]

大変勉強になりました。ありがとうございます！

[maisumakun]

ブラウザごとの動作違いなどを除けば、いちばん確実なのは仕様書です。

Answer 2

参考にされた記事は以下のリファレンスから一部抜粋しています。
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Comparison_Operators#Identity

どこを抜粋しているかと言うと「数値」と「文字列」に関しての比較についてです。
nullもundefinedも文字列ではないので、抜粋された説明と合いません。

数値と文字列以外の等価比較は以下の箇所の方が適切です。

等価演算子は、2 つのオペランドが同じ型でないならばオペランドを変換して、それから厳密な比較を行います。両方のオペランドがオブジェクトならば、 JavaScript は内部参照を比較するので、オペランドがメモリ内の同じオブジェクトを参照するときに等しくなります。

なので、必ずしも数値変換するとは限らないので、
認識としてはそこを読み違えています。

Comments

[dice142]

参考にされた記事ではサンプルコードが数値と文字列の比較なので、
「等価比較全体の説明」ではなく「数値と文字列の比較の説明」に焦点を絞った箇所を抜粋したのかと思います。

[Kimsehwa]

なるほど、理解しました。ありがとうございます！

Answer 3

数値と文字列を比較するとき

が、ミソじゃないですかね？

console.log("1.0"==1); // true
console.log("1.00"==1); // true
console.log("1.0"=="1.00"); // false