for in 循环方法注意事项

for...in 语句用于遍历数组或者对象的属性.

一般情况下，for in 循环只会遍历我们自定义的属性，原型上默认的属性不会遍历出来。例如Object.prototype.toString()、Object.prototype.hasOwnProperty ()是不会被遍历出来的。

但在实际应用中，如果是在原型中新增属性或者方法，for...in会将原型中新增的属性和方法遍历出来。

举个例子：

Object.prototype.score = '97';
let people = {
    name:'小红',
    age : 15,   
}
for(let key in people ){
    console.log(key+':'+people[key]);
}
>>>>>>
>name:小红
>age:15
>score:97

很明显上述的score一项是我们不希望看到的，解决方法如下：

Object.prototype.score = '97';
let people = {
    name:'小红',
    age : 15,   
}
for(let key in people ){
if(!Object.prototype.hasOwnProperty.call(people,key)) continue;
    console.log(key+':'+people[key]);
}
>>>>>>
>name:小红
>age:15

obj.hasOwnProperty(prop)用来判断某个对象是否含有指定的属性的，返回值为Boolean ，该方法会忽略掉那些从原型链上继承到的属性。

使用 hasOwnProperty 方法判断属性是否存在：

let o = new Object();
o.prop = 'exists';

function changeO() {
  o.newprop = o.prop;
  delete o.prop;
}

o.hasOwnProperty('prop');   // 返回 true
changeO();
o.hasOwnProperty('prop');   // 返回 false

for in 循环方法注意事项

推荐阅读更多精彩内容