详解 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');
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   面向对象(Object-Oriented,OO)的语言有一个标志,那就是它们都有类的概念,而通过类可以创建任意...
    霜天晓阅读 6,426评论 0 6
  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 10,636评论 0 21
  • JavaScript面向对象程序设计 本文会碰到的知识点:原型、原型链、函数对象、普通对象、继承 读完本文,可以学...
    moyi_gg阅读 4,101评论 0 2
  • 面向对象的语言有一个标志,那就是它们都有类的概念,而通过类可以创建任意多个具有相同属性和方法的对象。ECMAScr...
    DHFE阅读 4,567评论 0 4
  • 我在这家公司实习了好几天了。公司地址在市中心一栋普普通通的写字楼里,这栋楼有点老了,天花板和地毯都有点渗水的棕色痕...
    曹爽怡阅读 2,817评论 0 0