奇怪的数组对象 - JavaScript

Question

与其他编程语言相比，JavaScript 中的数组是相当不错的东西，而且它并非没有它的全部怪癖。

包括这个：

// Making a normal array.
var normalArray = [];
normalArray.length = 0;

normalArray.push(1);
normalArray[1] = 2;

normalArray; // returns [1, 2]
normalArray.length // returns 2

是的，以上就是我们都知道的如何制作数组并用元素填充它们，对吧？ （暂时忽略normalArray.length = 0 部分）

但是为什么当相同的序列被应用到一个不是纯粹数组的对象上时，它看起来有点不同，并且它的length 属性有点偏离？

// Making an object that inherits from the array prototype (i.e.: custom array)
var customArray = new (function MyArray() {
    this.__proto__ = Object.create(Array.prototype);
    return this
});
customArray.length = 0;

customArray.push(1);
customArray[1] = 2;

customArray; // returns [1, 1: 2]
customArray.length // returns 1

不完全确定这里发生了什么，但我们将不胜感激。

Answer 1

这可能不是完美的答案，但根据我对 Javascript 数组的理解，它们与通常的对象有点不同。 （主要是因为它维护了一个长度属性，而对象没有）。

因此，如果我们以您的代码为例：

var normalArray = [];

这是在 Javascript 中创建数组的正确方法。但是下面的呢？

var customArray = new (function MyArray() {
    this.__proto__ = Object.create(Array.prototype);
    return this
});

它们是一样的吗？让我们看看..

Array.isArray(normalArray); // true -> [object Array]
Array.isArray(customArray); // false -> [object Object]

所以很明显，虽然你继承自数组原型，但它并没有真正创建Array 类型的对象。它只是创建一个普通的 JS 对象，但具有继承的数组函数。这就是当您使用customArray.push(1); 设置值时它会更新长度的原因。

但是由于您的customArray 只是一个常规对象，而对于常规JS 对象，[] 表示法用于设置属性，它不会更新长度（因为Objects 没有@ 987654329@财产）

希望清楚:)

Answer 2

您尝试创建的数组不是纯数组（您可能知道）。它基本上是一个 JavaScript 对象，应该表现得像一个对象。

在将对象视为数组时，由您来维护它的所有类似数组的特性。

您必须特别为它分配一个length 属性，并且您做得正确。

接下来，Array.prototype 中的 push 方法应该向数组中插入一个元素并递增 length 属性（如果有），所以它确实将 0 递增到 1。你去吧，@987654325 @ 现在是 1。

接下来，您使用属性赋值的文字符号Object，类似于customArray['someProperty'] = 1。

虽然使用文字表示法，但不会调用来自 Array.Prototype 的任何方法，因此 customArray 对象永远不知道它必须像数组一样工作，并且其长度属性不受影响。它只是表现得像一个对象，你得到你所得到的。

请记住，length 只是 Array 类上的一个属性，并且该属性会被 Array 上的每个方法适当地递增和递减。

注意：不建议使用类似数组的对象，并且完全由您来维护此类对象的索引和其他数组内容。

Answer 3

据我所知，你的功能有问题：

return this

这应该是

return (this);

只需修复您可能遇到的任何潜在错误。另一件事是您没有使用var 关键字来声明customArray。这些错误可能会破坏您的代码。