【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