【JavaScript】详解 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

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

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

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

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

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