1.从 ECMAScript 5 开始，有三种原生的方法用于列出或枚举对象的属性：
-
for...in:该方法依次访问一个对象及其原型链中所有可枚举的属性
let obj = {a:1, b:2, c:3};
for (let i in obj) {
console.log("obj." + i + " = " + obj[i]);
}
// "obj.a = 1" "obj.b = 2" "obj.c = 3"
-
Object.keys(O):该方法返回一个数组，它包含了对象O自身的所有可枚举属性的名称
let obj = { 0 : "a", 1 : "b", 2 : "c"};
console.log(Object.keys(obj)); //["0", "1", "2"]
-
Object.getOwnPropertyNames(O):该方法返回一个数组，它包含了对象O所有拥有的属性（包括不可枚举）的名称
var obj = Object.create({}, {
getFoo: {
enumerable: false
}
});
obj.foo = 1;
obj.prototype = {a:1, b:2, c:3};
console.log(Object.getOwnPropertyNames(obj).sort());
//["foo", "getFoo", "prototype"]
console.log(Object.getOwnPropertyNames('asdfgc'));
//["0", "1", "2", "3", "4", "5", "length"]
2.区别
- 如果你只要获取到可枚举属性，查看
Object.keys或用for...in循环(还会获取到原型链上的可枚举属性，不过可以使用hasOwnProperty()方法过滤掉)
