[] + {} is equal to [object Object], in Javascript? How? [duplicate]

Question

可能重复：
What is the explanation for these bizarre JavaScript behaviours mentioned in the 'Wat' talk for CodeMash 2012?

我对 JavaScript 很陌生。我有这样的代码：

<script type="text/javascript">
console.log( []  + {} );
</script>

在我的 Google chrome 浏览器上记录：

[object Object]

我觉得它是有线的！并做这样的事情：

<script type="text/javascript">
console.log( {} + {} );
</script>

确实产生：

[object Object][object Object]

这两种情况下到底发生了什么？为什么[],{} 将这两个结果添加到objects 的数组中？

提前致谢。

Answer 1

当您将+ operator 与非数字一起使用时，您正在执行字符串连接，因此操作数将转换为字符串。一个空数组becomes an empty string，因为它是对join 的隐式调用，并且没有条目，join 返回一个空字符串；一个对象becomes "[object Object]"。

所以

console.log( [] + {} );

...归结为

console.log( String([]) + String({}) );

...归结为

console.log( "" + "[object Object]");

Answer 2

您正在将对象添加到数组 - 所以它被放在最后。当您对 2 个对象应用 + 时，唯一有意义的操作是转换为字符串并连接它

Answer 3

[] 是一个空数组，它被转换为字符串（由于连接运算符）。 {} 是一个空对象。