Javascript属性枚举的5个方法比较

1、for-in

for-in遍历所有能通过对象访问的，可枚举的属性,包括实例属性和原型属性，引伸为defineProperty的[[Enumerable]]属性.

ES5中将constructor和prototype属性的[[Enumerable]]设为false,即不可枚举，但不适用于所有浏览器

function Person(){}

Person.prototype.name = 'hello';

var p = new Person();

p.age = 18;
                        
for(var i in p){
    console.log(i)     //age name
}

//其中age是实例属性，name是原型属性

---

var obj = {
        name:'sun',
        age:23
    }

    for(var item in obj){
        console.log(obj[item])
    }

　　

2、Object.keys()

ES5中的Object.keys()可以取得对象上所有可枚举的实例属性，返回值是包含所有可枚举属性的字符串数组。

 

function Person(){}

Person.prototype.name = 'hello';

Person.prototype.addr = 'China';

var p = new Person();

p.age = 18;
            
console.log(Object.keys(Person.prototype))        //["name", "addr"]

//返回Person原型对象可枚举的实例属性，constructor属性不可枚举

 

 

　　

3、Object.getOwnPropertyNames()

返回所有实例属性，无论它是否可枚举(但不包括Symbol值作为名称的属性)

 

function Person(){}
            
Person.prototype.name = 'hello';

Person.prototype.addr = 'China';

var p = new Person();

p.age = 18;

Object.getOwnPropertyNames(Person.prototype)    //["constructor", "name", "addr"]


//返回的数组中，constructor为不可枚举属性，name和addr属于可枚举属性。

4.Object.getOwnPropertySymbols(obj)

Object.getOwnPropertySymbols返回一个数组，包含对象自身的所有 Symbol 属性的键名。

5.Reflect.ownKeys(obj)

Reflect.ownKeys返回一个数组，包含对象自身的所有键名，不管键名是 Symbol 或字符串，也不管是否可枚举。

---

 

6.遍历规则

以上的 5 种方法遍历对象的键名，都遵守同样的属性遍历的次序规则。

• 首先遍历所有数值键，按照数值升序排列。
• 其次遍历所有字符串键，按照加入时间升序排列。
• 最后遍历所有 Symbol 键，按照加入时间升序排列。

const obj = { [Symbol()]:0, b:0, 10:0, 2:0, a:0 }

Reflect.ownKeys( obj )    // ['2', '10', 'b', 'a', Symbol()]

Object.keys( obj )        //[ '2', '10', 'b', 'a' ]

for(let i in obj){
    console.log( i )
}        //'2' '10' 'b' 'a' 

Object.getOwnPropertySymbols( obj )        //[ Symbol() ]

　　Reflect.ownKeys方法返回一个数组，包含了参数对象的所有属性。这个数组的属性次序是这样的，首先是数值属性2和10，其次是字符串属性b和a，最后是 Symbol 属性

 

 

原文链接：https://blog.csdn.net/qq_35087256/article/details/80274944

感谢网络上的各位分享，一起学习一起进步