{} === Object.create(Object.prototype); //false

Question

下記はなぜtrueではないのでしょうか？

{} === Object.create(Object.prototype);  //false

{} と Object.create(Object.prototype); が同義であることをコードで確認するためにはどうすれば良いでしょうか？

Answer 1

JavaScriptの===をオブジェクトに使うと、それは同一のオブジェクトかを判定する意味になってしまいます。別個に作られたオブジェクトどうしは等しくなりません。

{}のプロトタイプがObject.prototypeだと確認したいのであれば、このように書けます。

Object.getPrototypeOf({}) === Object.prototype //これはtrue

Answer 2

オブジェクトの比較は参照で比較する為、別個に作られたオブジェクトは同一とは見なされません。

console.log({} === {}); // false

値で比較したい場合、{}, [] とプリミティブ値だけが値として存在する場合に限り、JSON.stringify() を利用できます。

console.log(JSON.stringify({})); // "{}"
console.log(JSON.stringify(Object.create(Object.prototype))); // "{}"
console.log(JSON.stringify({}) === JSON.stringify(Object.create(Object.prototype))); // true

Re: re97 さん

Comments

[re97]

回答ありがとうございました。

＞オブジェクトの比較は参照で比較する為、別個に作られたオブジェクトは同一とは見なされません
・この説明とコードは大変分かりやすかったです
・参考になりました

＞{}, [] とプリミティブ値だけが値として存在する場合に限り
・内容難しかったです
・「オブジェクト」「配列」「値」だけが値として存在する場合、の意味が分かりませんでした

Answer 3

これ、実際はなにをやりたいのでしょうか？
コードだけを見ていると特に意味のある処理に見えなかったので。

もしかしたら、どこかで生成されたオブジェクトが空かどうか、をチェックしたい、みたいなことでしょうか？

var isEmpty = Object.keys({}).length === 0;

みたいな書き方ができます。
「なにをしたいか」をセットで書いておくとより適切な回答がもらえると思いますよ。

Comments

[re97]

回答ありがとうございました。

・{} と Object.create(Object.prototype); が同義であると書いてありました
・コードで確認しようとしたら、falseになりました
・何故かな？ と思い質問しました

[edom18]

なるほど。となるとその参考にした記事なりの「同義」を確認したほうがいいかもしれませんね。
「同義」と「同一（インスタンス）」では意味が違ってくるので。