for in与Object.keys与Object.getOwnPropertyNames的区别

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/m0_37793545/article/details/81015885
var parent = Object.create(Object.prototype, {
    a: {
        value: 123,
        writable: true,
        enumerable: true,
        configurable: true            
    }
});
// parent继承自Object.prototype,有一个可枚举的属性a(enumerable:true)。

var child = Object.create(parent, {
    b: {
        value: 2,
        writable: true,
        enumerable: true,
        configurable: true
    },
    c: {
        value: 3,
        writable: true,
        enumerable: false,
        configurable: true
    }
});
//child 继承自 parent ,b可枚举,c不可枚举

for in

for (var key in child) {
    console.log(key);
}
// b
// a
// for in 会遍历自身及原型链上的可枚举属性

如果只想输出自身的可枚举属性,可使用hasOwnProperty进行判断(数组与对象都可以,此处用数组做例子)

let arr=[1,2,3]
Array.prototype.xxx=1231235
for(let i in arr){
    if(arr.hasOwnProperty(i)){
        console.log(arrr[i])
    }
}
// 1
// 2
// 3

Object.keys

console.log(Object.keys(child))
// ["b"]
// Object.keys 会将对象自身的可枚举属性的key输出

Object.getOwnPropertyNames

console.log(Object.getOwnPropertyNames(child))
// ["b","c"]
// 会将自身所有的属性的key输出

猜你喜欢

转载自blog.csdn.net/m0_37793545/article/details/81015885