Javascript 同时 object 和数组创建

Question

为什么 javascript 允许我执行以下操作。

a = {two : 'World'};
a[1] = 'Hello';
console.log(a[1]);
console.log(a.two);

output 是

Hello
World

它不应该抱怨我正在尝试使用 object 作为数组吗？ 顺便说一句，这适用于任何事情，就像这样

b = new Date();
b[1] = 'Wow';
console.log(b[1]);

output 是

wow

这有什么用吗？ 在我看来，这是一种糟糕的编程习惯。

Answer 1

在 Javascript 中，所有 arrays 都是对象。 两者之间没有硬性的分界线。 Arrays 有一定的属性和方法，但都是作为对象来实现的。

语法[1]是两个等效的 Javascript 成员运算符之一。 这两个是等价的：

var foo = {};
foo.bar = 'foobar';
foo['bar'] = 'foobar';

但是，使用点表示法 ( foo.bar )，您只能访问有效的 Javascript 标识符的属性。 这表示：

一系列字母数字字符，还包括下划线 ("_") 和美元符号 ("$")，不能以数字开头 ( source )

You can set the properties of any Javascript object -- array, object, Date object, string, number -- in this fashion, since they all derive from the same Object type.

Answer 2

它不应该抱怨我正在尝试使用 object 作为数组吗？

不可以。允许使用数字属性。 方括号符号[]用于对象上的键不是有效的 javascript 标识符。 不仅在 Arrays 上。

a[ "some-invalid***identifier" ] = 'some value';

顺便说一句，这适用于任何事情，就像这样

是的，同样的原因。 new Date()返回一个 object ，可以通过点或方括号表示法为其分配属性。

Answer 3

您没有将 object 视为数组 - 您在 object 中使用数字键。 正如这些都是有效的：

var o = { "test":1 };
o["test2"] = 2;

这些也是：

var o = { 1: "test" };
o[2] = "test2";

编辑：正如下面的评论所指出的，上述语法实际上是误导性的，因为1在两种情况下都被转换为字符串 - 所以从技术上讲，这与

var o = { "1": "test" };

正如你在这里看到的：

var o = {1:"test"};
for (i in o) console.log(i, i===1, i==="1"); // 1 false true

Answer 4

因为访问 object 属性的 [key] 表示法将接受任何内容作为键，包括数字。 您可以使用的其他内容包括：var a={}, b={}; a{b}=1; // object a 的属性是 object 'b'。 它没有糟糕的编程习惯，而是为对象提供了真正统一的 model。

看评论。

Answer 5

老实说，我认为这个控制台 output 非常有启发性：

var a = {two: "World"};
a[1] = "Hello";
console.log(a);
//   1: "Hello"
//   two: "World"
// > __proto__: Object

var b = new Date();
b[1] = 'Wow';
console.dir(b[1]); // console.log just returns the timestamp
//   1: "Wow"
// v __proto__: Date
//   > constructor: function Date() { [native code] }
//   > getDate: ...

如您所见，它们都只是对象，一个继承自通用 Object，另一个继承自 Date。 就像任何其他 object 一样，它们可以分配一个键/值对，其中您的 1 只是被转换为一个字符串。

如果你这样使用它肯定是混乱的编码，但它是 JavaScript 原则的一个非常重要的说明。 有很多有用的方法可以扩展在语法上与您正在做的事情相似的对象。