获取js对象属性的多种方式


前言

为什么要讨论获取属性的多种方式,通常我们访问对象使用的是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和不可枚举属性。


文章作者: iamfugui
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 iamfugui !
评论
  目录