es6之对象遍历

遍历对象共有几种方法呢，分别都是可以获取到什么属性呢？接下来，呈现给你

1. for…in

循环遍历对象自身的和继承的可枚举属性( 不包含Symbol属性 )。

var obj = {'0':'a','1':'b','2':'c'};

for(var i in obj) {
	console.log(i, ':', obj[i]);
	// 0 : a
	// 1 : b
    // 2 : c
}

2. Object.keys()

返回一个数组，包括对象自身的( 不含继承的 )所以可枚举属性( 不包含Symbol属性 )。

var obj = {'0':'a','1':'b','2':'c'};

Object.keys(obj).forEach(function(key){
    console.log(key,obj[key]); 
    // 0 a
    // 1 b
    // 2 c
});

3.Object.getOwnPropertyNames(obj)

返回一个数组，包含对象自身的所有属性( 不含Symbol属性,但是包括不可枚举属性 )。

var obj = {'0':'a','1':'b','2':'c'};

Object.getOwnPropertyNames(obj).forEach(function(key){
    console.log(key,obj[key]); 
    // 0 a
    // 1 b
    // 2 c
});

4.Object.getOwnPropertySymbols(obj)

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

let obj = {};
let id = Symbol('id');
let name = Symbol('name');
obj[id] = 'number one';
obj[name] = '张三';
console.log(Object.getOwnPropertySymbols(obj)); // [Symbol(id), symbol(name)]

5.Reflect.ownKeys(obj)

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

var obj = {'0':'a','1':'b','2':'c'};

Reflect.ownKeys(obj).forEach(function(key){
console.log(key,obj[key]);
	// 0 a
    // 1 b
    // 2 c
});

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

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

let forArr = [], keysArr = [], namesArr = [], ownArr = [];
// for ... in
for (var i in window){ 
	forArr.push(i);
}  
console.log(forArr.length); // 407

// Object.keys
Object.keys(window).forEach(item => {
 	keysArr.push(key);
 })
 console.log(keysArr.length) // 402

// Object.getOwnPropertyNames
Object.getOwnPropertyNames(window).forEach(item => {
 	namesArr.push(item);
 })
 console.log(namesArr.length) // 1184
 
//Reflect.ownKeys
Reflect.ownKeys(window).forEach(item => {
 	ownArr.push(item);
 })
 console.log(ownArr.length) // 1184

参考链接：
[1] https://www.cnblogs.com/yuer20180726/p/11377897.html

回顾，留下足迹！！！