es6 循环对象

在ES6中，循环遍历对象有多种方法。通过使用for...in、Object.keys()、Object.values()、Object.entries()以及解构赋值等特性，可以方便地遍历对象的键、值或键值对。下面将几种常见的解决方案。

使用 for...in 遍历对象

for...in语句以任意顺序遍历一个对象自身和继承的可枚举属性。需要注意的是，它会遍历所有可枚举属性，包括原型链上的属性。

javascript
const obj = { a: 1, b: 2, c: 3 };</p>

<p>for (let key in obj) {
    if (obj.hasOwnProperty(key)) { // 确保只处理对象自身的属性
        console.log(key, obj[key]);
    }
}

输出结果为：

a 1
b 2
c 3


使用 Object.keys() 遍历对象

Object.keys()方法返回一个由给定对象自身可枚举属性组成的数组，我们可以结合forEach或者for...of来遍历这些键。

javascript
const obj = { a: 1, b: 2, c: 3 };
Object.keys(obj).forEach(function(key) {
console.log(key, obj[key]);
});


或者使用for...of：

javascript
for (let key of Object.keys(obj)) {
console.log(key, obj[key]);
}


两种方式都会输出：

a 1
b 2
c 3


使用 Object.entries() 遍历对象

Object.entries()方法返回一个给定对象自身可枚举属性的键值对数组。这种方式可以直接获取到键值对，非常适合需要同时访问键和值的情况。

javascript
const obj = { a: 1, b: 2, c: 3 };</p>

<p>for (let [key, value] of Object.entries(obj)) {
    console.log(key, value);
}

输出结果为：

a 1
b 2
c 3


使用解构赋值简化代码

解构赋值允许我们将对象的属性直接分配给变量，从而简化代码结构。虽然这不是一种循环的方式，但它可以在配合其他循环方式时提供更简洁的语法。

javascript
const obj = { a: 1, b: 2, c: 3 };</p>

<p>Object.entries(obj).forEach(([key, value]) => {
    console.log(key, value);
});

以上代码同样会输出：

a 1
b 2
c 3


在ES6中，我们可以通过多种方式来循环遍历对象，每种方式都有其特定的应用场景。选择合适的方法可以根据具体需求来决定，比如是否需要同时获取键和值，或者是否需要过滤掉继承的属性等。