创建一个可以像数组和对象一样使用的 JavaScript 类数组对象

Question

是否可以创建一个可以像数组和对象一样使用的对象？

到目前为止我得到的最接近的是下面，它只允许您使用数组键或对象属性分配一个值：

var ALO = {
  db: {}
};
Object.defineProperty(ALO, 'length', {
  get: function() {
    var count = 0;
    for (var prop in ALO.db) {
      if (ALO.db.hasOwnProperty(prop)) count++;
    }
    return count;
  },
  enumerable: false
});

function add(baseObj, obj) {
  for (var prop in obj) {
    if (obj.hasOwnProperty(prop)) {
      if (!isNaN(prop)) {
        //create a default string begining with i
        baseObj.db["i" + prop] = obj[prop];
      } else {
        baseObj.db[prop] = obj[prop];
      }

      Object.defineProperty(baseObj, prop, {
        get: function() {
          return baseObj.db[prop];
        },
        set: function(newValue) {
          baseObj.db[prop] = newValue;
        },
        enumerable: false,
        configurable: true
      });

      Object.defineProperty(baseObj, baseObj.length - 1, {
        get: function() {
          return baseObj.db[prop];
        },
        set: function(newValue) {
          baseObj.db[prop] = newValue;
        },
        enumerable: false,
        configurable: true
      });
    }
  }
}

add(ALO, {
  "myprop": "myvalue"
});
document.write(ALO["myprop"] + "<br>");
ALO[0] = "mynewvalue";
document.write(ALO["myprop"] + "<br>");
ALO["myprop"] = "mynewervalue";
document.write(ALO["myprop"]);

我希望能够在分配不存在的项目时自动创建所需的内容，例如

ALO[1] = "create and assign this string";

或

ALO["somenonexistingprop"] = "another string";

Answer 1

相信你会发现Javascript中的普通Arrays继承自Object，这意味着你可以像普通对象一样滥用它们。

let MyArray = [1, 2, 3];
console.log('let MyArray = [1, 2, 3];');

console.log('Typeof MyArray = ', typeof(MyArray));

console.log('Wait.....');

console.log('So can I just assign stuff to an array like an object?');

MyArray['key'] = 'value';
console.log(`MyArray.key = 'value';`);
console.log('console.log(MyArray.key) =>', JSON.stringify(MyArray.key));

console.log('Keys:', JSON.stringify(Object.keys(MyArray)));
console.log('Array Length:', MyArray.length);

console.log('TADA, the standard browser Array does what you want');

除了很混乱之外，可能有不这样做的原因，但我相信它会满足您的要求，并且不需要代码！

编辑：在阅读了折叠下方的一些 cmets 之后，似乎 OP 出于某种原因想要访问在 Object 模式中添加的属性作为数组成员。如果您需要，您可以使用Object.keys(MyArray) 而不是MyArray，如上面控制台输出的最后几行所示。