填充对象时插入我的对象的神秘“删除”键

Question

我正在迭代一个数组（结果）并填充一个对象（testArray）。这是我的代码：

$.each(results, function(key, value)
{
        console.log('value is');
        console.log(value.Id);
        testArray[value.Id] = value;
});
for(var key in testArray) {
            console.log(key);
            console.log(testArray[key].Name);
        }

问题：在迭代 testArray 时，最后打印的键是“remove”，与之关联的名称是“undefined”。像“remove”这样的 value.Id 不存在永远不会从 $.each 中打印出来。

Answer 1

好的，如果它是一个对象，而不是一个数组（你的代码将它命名为testArray，这真的很令人困惑），那么你可以这样做来消除已添加到原型中的可枚举属性：

for (var key in testArray) {
    if (testArray.hasOwnProperty(key)) {
        console.log(testArray[key]);
    }
}

---

当我们都认为 testArray 是一个数组时的先前答案。

这正是你永远不应该迭代数组的原因：

for (var key in testArray)

因为它会迭代数组对象的所有可枚举属性，而不仅仅是数组元素。您可能正在运行一些代码来添加一个新方法来执行您的for/in 迭代正在拾取的数组对象。

改为使用传统的for 循环或使用.forEach()。

for (var i = 0; i < testArray.length; i++) {
    console.log(testArray[i]);
}

或

testArray.forEach(function(item) {
    console.log(item);
});

这些方法将仅枚举实际的数组元素，而不是可能已添加到 Array 对象的其他属性。

附：如果将它们设为不可枚举，则可以将方法添加到不会遇到此问题的数组中，但您仍然不应该使用for/in 迭代数组。此外，ES6 有一个新的for/of 语法，可以安全地用于迭代数组，但它需要一个 ES6 环境。