对象遍历方法

各种遍历对象的方法返回值的不同

前置代码:

    function Obj() {
        // 直接在this上添加属性
        this.prop_this = 'prop_this';
        // 在this上添加symbol属性
        this[Symbol.for('prop_symbol')] = 'prop_symbol';
    }
    
    // 原型上添加属性
    Obj.prototype.propProto = 'prop_proto';
    
    const obj = new Obj();
    
    // 设置遍历属性enumerable设置为否
    Object.defineProperty(obj, 'prop_dontEnum', {
        value: 'prop_dontEnum',
        enumerable: false,
        writable: false,
        configurable: false
    });

1. getOwnPropertyDescriptors 可以获取所有的自身属性描述

    console.log(Object.getOwnPropertyDescriptors(obj));
    // { 
          prop_this: 
           { value: 'prop_this',
             writable: true,
             enumerable: true,
             configurable: true },
          prop_dontEnum: 
           { value: 'prop_dontEnum',
             writable: false,
             enumerable: false,
             configurable: false },
          [Symbol(prop_symbol)]: 
           { value: 'prop_symbol',
             writable: true,
             enumerable: true,
             configurable: true } 
         }

2. getOwnPropertyNames 可以获取自身除symbol之外的属性，获取自身symbol值可以使用 getOwnPropertySymbols

    console.log(Object.getOwnPropertyNames(obj));
    // [ 'prop_this', 'prop_dontEnum' ]
   
    console.log(Object.getOwnPropertySymbols(obj));
    // [ Symbol(prop_symbol) ]

3. for...in 可以获取自身可以枚举除symbol外的属性和原型属性

    for(var i in obj) {
        console.log(i);
    }
    // prop_this  propProto

4. Object.keys 和 Object.values 都只可以获取自身除了symbol外可枚举的属性

    console.log(Object.keys(obj));
    // [ 'prop_this' ]

5. Reflect.ownKeys(obj)可以获取自身所有的属性

    console.log(Reflect.ownKeys(obj));
    // [ 'prop_this', 'prop_dontEnum', Symbol(prop_symbol) ]

转载于:https://www.cnblogs.com/xiaohanblog/p/8068150.html