Object.entries、Object.keys、Object.values、for...in

Object.keys()：返回一个由对象自身的可枚举属性组成的数组。
Object.values：返回一个对象自身的所有可枚举属性的值组成的数组。返回的数组中的元素是对象的属性值（value）。
Object.entries：返回一个由对象自身的可枚举属性键值对组成的数组。

var obj = {
age: 18,
name: 'zhangsan'
}
console.log("======修改前======")
console.log(Object.keys(obj))
console.log(Object.values(obj))
console.log(Object.entries(obj))
Object.defineProperty(obj, "age", {
    value: 18,
    enumerable: false //将age属性修改为不可枚举
});
console.log("======修改后======")
console.log(Object.keys(obj))
console.log(Object.values(obj))
console.log(Object.entries(obj))

结果如图所示，可以看见Object.entries、Object.keys、Object.values均访问不到age属性：

如果同时需要访问自身对象及原型链上的可枚举属性，可以使用for...in：

var obj = new Object({
    age: 18,
    name: 'zhangsan'
})
console.log("======修改前======")
console.log(Object.keys(obj))
console.log(Object.values(obj))
console.log(Object.entries(obj))
Object.defineProperty(obj, "age", {
    value: 18,
    enumerable: false
});
console.log("======修改后======")
console.log(Object.keys(obj))
console.log(Object.values(obj))
console.log(Object.entries(obj))

Object.prototype.gender = 'male'
console.log("======原型链添加属性后======")
console.log(Object.keys(obj))
console.log(Object.values(obj))
console.log(Object.entries(obj))
console.log("======for...in======")
for(let key in obj){
    console.log('key:', key)
}

结果如下：