对象的遍历方式

ES6 一共有 5 种方法可以遍历对象的属性。

1. for...in

for...in循环遍历对象自身的和继承的可枚举属性（不含 Symbol 属性）。

我们都知道for...in会遍历原型链上的属性，所以一般会结合hasOwnProperty来判断属性是否在对象自身上，而不是在原型链上。

for (const key in obj) {
    if (obj.hasOwnProperty(key)) {
        console.log(key, obj[key]);
    }
}

2. Object.keys(obj) Object.values(obj)

Object.keys返回一个数组，包括对象自身的（不含继承的）所有可枚举属性（不含 Symbol 属性）的键名。

function Parent(name, age) {
  this.name = name
  this.age = age
}
Parent.prototype.eat = function () {
  console.log(123)
}

let p = new Parent('xzm', 33)
for (let key in p) {
  console.log(key)
}
//name,age,eat

console.log(Object.keys(p))    //name,age
console.log(Object.values(p))  //'xzm',33
console.log(Object.entries(p)) //[['name', 'xzm'],['age', 33]]

3. Object.entries()

Object.entries返回一个数组，包括对象自身的（不含继承的）所有可枚举属性（不含 Symbol 属性）的键名。

for (let [key, value] of Object.entries(obj)) {
    newObj[key] = value;
}

4. Object.getOwnPropertyNames(obj)

Object.getOwnPropertyNames返回一个数组，包含对象自身的所有属性（不含 Symbol 属性，但是包括不可枚举属性）的键名。

5. Object.getOwnPropertySymbols(obj)

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

6. Reflect.ownKeys(obj)

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