小编典典

为什么 2 == [2] 在 JavaScript 中?

all

2 == [2]我最近在 JavaScript 中发现了这一点。事实证明,这个怪癖有几个有趣的后果:

var a = [0, 1, 2, 3];
a[[2]] === a[2]; // this is true

同样,以下工作:

var a = { "abc" : 1 };
a[["abc"]] === a["abc"]; // this is also true

更奇怪的是,这也有效:

[[[[[[[2]]]]]]] == 2; // this is true too! WTF?

这些行为在所有浏览器中似乎都是一致的。

知道为什么这是语言功能吗?

以下是此“功能”的更疯狂的后果:

[0] == false // true
if ([0]) { /* executes */ } // [0] is both true and false!

var a = [0];
a == a // true
a == !a // also true, WTF?

阅读 157

收藏
2022-08-29

共1个答案

小编典典

您可以在 ECMA-spec 中查找比较算法(ECMA-262 的相关部分,第 3 版针对您的问题:11.9.3、9.1、8.6.2.6)。

如果将涉及的抽象算法翻译回 JS,那么在评估时会发生什么2 == [2]基本上是这样的:

2 === Number([2].valueOf().toString())

其中valueOf()for arrays 返回数组本身,单元素数组的字符串表示是单个元素的字符串表示。

这也解释了第三个示例,因为[[[[[[[2]]]]]]].toString()它仍然只是 string 2

如您所见,其中涉及很多幕后魔术,这就是为什么我通常只使用严格相等运算符的原因===

第一个和第二个例子更容易理解,因为属性名总是字符串,所以

a[[2]]

相当于

a[[2].toString()]

这只是

a["2"]

请记住,在任何数组魔术发生之前,即使是数字键也被视为属性名称(即字符串)。

2022-08-29