在JavaScript中用Object创建数组（反之亦然）？

Question

这里发生了什么？

var x = {length:3, '0':'foo', '1':'bar','2':'f', splice:function(){}}

这实际上创建了一个数组：

["foo", "bar", "f"]

这种结构语法的文档在哪里？

它也很聪明：

改为:(注意0,1,3）

 var x = {length:3, '0':'foo', '1':'bar','3':'f', splice:function(){}}

将搞乱数组，它将是：

["foo", "bar", undefined × 1]

另外，删除拼接功能：

var x = {length:3, '0':'foo', '1':'bar','2':'f'}

产量:(常规对象）

Object
0: "foo"
1: "bar"
2: "f"
length: 3
__proto__: Object

所以我有两个问题：

• 这个结构是什么？ length , element , splice

• 假设我有['john','paul','yoko'] ，现在我想创建对象

  var x = {length:3, '0':'john', '1':'paul','2':'yoko', splice:function(){}}

  我该怎么做？

Answer 1

一个数组只是一个对象 ，实现了一些方法，当你创建console.log(x) ，你的控制台会识别一个数组的模型，并像配置它一样显示它。

Array是默认情况下在Javascript中可用的对象，它的处理方式与浏览器的其他对象略有不同（请参阅@MathiasSchwarz注释），但在其结构中，它是一个像其他对象一样的对象（可以调用的方法，并且你可以添加索引。但是，你通常不会像在“普通”对象中那样使用字符串索引，因为它的目的不是像那样使用它。

但是你的对象实际上并不是一个Array ，你可以做任何你想做的事情，而无需参考控制台中显示的内容。

Answer 2

x不是数组，它只是一个对象。 （ 控制台以数组格式显示它，这是控制台实现的问题。 ）

var x = {length:3, '0':'foo', '1':'bar','2':'f', splice:function(){}};
console.log(typeof x); // object

只需使用firebug作为示例，查看firebug的源代码，您将看到为什么控制台将其视为一个数组。

//...
isArray: function(obj, win)
{
    if (mightBeArray(obj, win))
    {
        if (!obj)
            return false;
        // do this first to avoid security 1000 errors
        else if (obj instanceof Ci.nsIDOMHistory)
            return false;
        // do this first to avoid exceptions
        else if (obj.toString && obj.toString() === "[xpconnect wrapped native prototype]")
            return false;
        else if (isFinite(obj.length) && typeof obj.splice === "function")
            return true;
        else if (Arr.isArray(obj))
            return true;
    }

    return false;
},
// ...

Answer 3

var x = {length:3, '0':'foo', '1':'bar','2':'f', splice:function(){}}

看起来像一个数组，但不是 。 如果你尝试x.forEach(function(e){...})它会失败，但如果你做[1,2,3].forEach(function(e){...}) 。

如果要通过文字对象表示法创建实际数组，则可以这样做

var x = {length:3, ... , __proto__:Array.prototype}

但是请注意，像这样创建的对象仍然不会在写入时更新它的length属性。

具有长度和数字索引的对象称为伪数组是Javascript。 这些的一个例子是jQuery对象。

Chrome控制台 显示 length和splice为数组的对象，但这并不意味着它们是数组。

Answer 4

创建的对象不是数组，但它将表现为一个（虽然不可变），因为它有一个长度字段和一个splice方法。

在JavaScript数组中，更新数组时会自动更新length字段。 对于您的对象，情况并非如此。 在您的对象中，无论对象包含什么， length字段都将保持为3 。 这也是将索引更改为0,1,3时不再起作用的原因。 在这种情况下，长度字段应该是4而不是3 。 由于值为3 ，迭代将在索引2之后停止，这确实是未定义的，因为您没有为索引2设置值...