javascript - 为什么javascript中的空数组进入for循环？

Question

这个问题已经有答案了:

Why is using "for...in" for array iteration a bad idea? (28 个回答)

已关闭 6 年前。

我有以下代码片段:

console.log('**1**',parentNode.child.length); //1
            for(var ch in parentNode.child)
            {
                console.log('PTree root child',parentNode.child[ch]); //2
            }

//1中parentNode.child.length结果为0但它仍然进入 for 循环并在//2 行中给出以下输出:

PTree root child (val) {
        if (this.indexOf(val) === -1) {
            this.push(val);
        }

        return this;
    }

我不确定为什么会发生这种情况。

Answer 1

我假设parentNode.child是数组。因此，以下是可能导致此问题的可能性。

1. 该数组有一个非数字命名属性。

var data = [];
data.someFunc = function(){};
console.log("length: %s", data.length);
for(var key in data) console.log("%s: %s",key, data[key]);

你不知何故给 Array.prototype 打了猴子补丁。

Array.prototype.coolFunc = function(){ return "cool" };
var data = [];
console.log("length: %s", data.length);
for(var key in data) console.log("%s: %s", key, data[key]);

因此，为了避免这种情况，只需使用 forEach

var data = [];
data.someFunc = function(){};
console.log("length: %s", data.length);
data.forEach(item => console.log(item));