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');