javascript - 数组发生奇怪的事情

Question

我正在 codepen.io 上玩，但出于某种原因我的代码没有按预期工作:

var name = ["one",'two','three'];
$('body').append('<p>'+ name[0] + '</p>');

该代码将字母“o”附加到页面。当我将代码切换为:

var person = ["one",'two','three'];
$('body').append('<p>'+ person[0] + '</p>');

“一”附加到页面。有人知道这是怎么回事吗？

示例如下:http://codepen.io/ntibbs/pen/ZbPPBm

Answer 1

你似乎在全局范围内，所以当你声明你的 name 变量时，你正在与全局 window.name 发生冲突属性(property)。

这个属性必须是一个字符串，所以无论何时你给它赋值，它都会被强制转换成一个字符串。

当 ["one",'two','three'] 被强制转换为字符串时，它首先执行 Array.join ，最后得到 "one,two,three"，它被分配给 name。 name[0] 给出了它的第一个字符，“o”。

使用不同的变量名称 person，您不会看到此问题，因为您没有与 window 属性作斗争。