前言
为什么要讨论获取属性的多种方式,通常我们访问对象使用的是for…in,而for…in有时候并不符合我们的预期
for in
主要用于遍历对象的可枚举属性,包括自有属性、继承自原型的属性
var obj = {"name":"tom","sex":"male"};
Object.defineProperty(obj, "age", {value:"18", enumerable:false});//增加不可枚举的属性age
Object.prototype.protoPer1 = function(){console.log("name is tom");};//通过原型链增加属性,为一个函数
Object.prototype.protoPer2 = 2;//通过原型链增加属性,为一个整型值2
console.log("For In : ");
for(var a in obj)
以下这些方法都不会遍历原型
1. Object.keys
此方法返回一个数组,元素均为对象自有可枚举的属性
var obj = {"name":"tom","sex":"male"};
Object.defineProperty(obj, "age", {value:"18", enumerable:false});//增加不可枚举的属性age
Object.prototype.protoPer1 = function(){console.log("name is tom");};//通过原型链增加属性,为一个函数
Object.prototype.protoPer2 = 2;通过原型链增加属性,为一个整型值2
console.log("Object.keys:")
console.log(Object.keys(obj));
2. Object.getOwnPropertyNames
Object.getOwnPropertyNames() 方法返回一个由指定对象的所有自身属性的属性名(包括不可枚举属性但不包括 Symbol 值作为名称的属性)组成的数组。
Object.getOwnPropertyNames(obj)
3. Object.getOwnPropertySymbols
Object.getOwnPropertySymbols() 方法返回一个给定对象自身的所有 Symbol 属性的数组。
Object.getOwnPropertySymbols(obj)
4. Reflect.ownKeys()
静态方法 Reflect.ownKeys() 返回一个由目标对象自身的属性键组成的数组。也就是说包括了symbol和不可枚举属性。