对象遍历方法

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

前置代码:

	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) ]