javascript - 使用 for-in 迭代对象时是否需要检查 hasOwnProperty

Question

我们使用 for in 来迭代对象，如下所示

var object = { "a":"foo", "b":"bar"}

for (var key in object) {
   var element = object[key];
}

我看到我的前辈建议我在实际访问该属性之前检查该属性是否存在。为什么？因为如果 for in 给了我一个 key ，则意味着它存在......

为什么我应该像下面这样写for in:

for (var key in object) {
    if (object.hasOwnProperty(key)) {
        var element = object[key];            
    }
}

Answer 1

如果您只需要该对象的属性，则需要使用 hasOwnProperty 函数。如果没有该检查，您还将获得从该对象的原型(prototype)获得的属性。

查看示例

var object = { "a":"foo", "b":"bar"};

for (var key in object) {
   console.log(key);
}

Object.setPrototypeOf(object,{ "c" : "gar"});

console.log('After setting prototype');

for (var key in object) {
   console.log(key);
}

console.log('Using hasOwnProperty');

for (var key in object) {
   if(object.hasOwnProperty(key)){
      console.log(key);
   }
}

看，在检查了 hasOwnProperty 后，我们传递了来自原型(prototype) (c) 的 key。