使用数组原型创建对象时为何length不更新？存在浏览器表现差异

咱先把你遇到的问题拆解开来看：

核心原因：Object.create([])创建的不是真正的数组 #

你用const p = Object.create([])创建的变量，本质是一个普通对象，只是它的原型链指向了数组的原型对象（Array.prototype）。它并不是JS引擎认可的“数组实例”，所以没有数组内置的自动维护length的机制。

1. 不同浏览器console显示差异的原因 #

Firefox和Chrome的开发者工具对这类“伪数组”的格式化逻辑不同：

• Chrome会标注它继承了数组原型，所以显示Array {}
• Firefox则直接展示它的本质——普通对象，所以显示Object { }
  两者的显示都没问题，只是视角不同而已。

2. 为什么push能正常工作？ #

数组的push方法是定义在Array.prototype上的，p通过原型链继承了这个方法。当你调用p.push(1)时，方法内部的this指向p，push会主动去更新this上的length属性，同时添加元素，所以能得到预期的结果。

3. 直接赋值下标时length不更新的原因 #

数组是JS中的特殊对象，引擎内置了逻辑：当你给数组的数字下标赋值时，会自动同步更新length。但p是普通对象，没有这个内置逻辑——你给p[1] = 2，只是给这个普通对象添加了一个名为"1"的属性，完全不会触发length的变化。

解决办法 #

方案1：创建真正的数组实例 #

如果你只是想要一个能正常使用的数组，别用Object.create([])，直接创建数组实例就行：

const p = [];

这样不管是push还是直接下标赋值，length都会自动维护。

方案2：手动维护length（特殊场景下） #

如果确实需要基于数组原型创建对象（比如某些原型继承的特殊需求），那赋值后手动更新length：

p[1] = 2;
// 下标是1，所以length至少要设为2（因为数组length是最大下标+1）
p.length = Math.max(p.length, 1 + 1);

或者用数组的splice方法来添加元素，它也会自动更新length：

p.splice(1, 0, 2); // 在索引1的位置插入2

内容的提问来源于stack exchange，提问作者Arsen Petrov