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

感謝網路上的各位分享，一起學習一起進步