其他分享
首页 > 其他分享> > for...in遍历obj的key后,hasOwnProperty再判断key

for...in遍历obj的key后,hasOwnProperty再判断key

作者:互联网

读公司源码的时候看到了这一段

for (let key in style) {
        if (style.hasOwnProperty(key))

一开始我很纳闷,key是从style里面遍历出来的,为什么后面还要再判断obj里面是否有这个key呢?

特地上网搜了一下

参考:https://blog.csdn.net/u013970232/article/details/109530938

总结来说for...in遍历的不单只是obj一层的属性,还会往原型上继续挖。hasOwnProperty就是为了判断当前遍历到的key是否是在当前obj的身上,而不是原型上。

var arr = {
    a: "lv1",
    __proto__: {
        b: "lv2",
        __proto__: {
            c: "lv3",
            __proto__: {
                c: "lv4",
            }
        }
    }
}

for(const key in arr) {
    console.log(key, arr[key])
};

// a lv1
// b lv2
// c lv3
for(const key in arr) {
    if(arr.hasOwnProperty(key)) {
        console.log(key, arr[key])
    }
};

// a lv1

 

标签:__,...,arr,遍历,obj,hasOwnProperty,key
来源: https://www.cnblogs.com/jacky02/p/16330345.html