ES6的出现使得JavaScript更加强大，其中新增的遍历对象的方法也是开发者常用的工具之一。在本文中，我们将从多个方面来对ES6遍历对象的方法进行详细的阐述。
一、基本用法
ES6遍历对象的方法有两种，一种是for…in，另外一种是Object.keys。其中，for…in遍历出的是对象的键名，而Object.keys遍历出的是对象的键值。
// for...in遍历对象键名
let obj = {a: 1, b: 2, c: 3};
for (let key in obj) {
console.log(key); // a b c
}
// Object.keys遍历对象键值
let obj = {a: 1, b: 2, c: 3};
Object.keys(obj).forEach((key) => {
console.log(obj[key]); // 1 2 3
});
在以上代码中，我们可以看到使用for…in对对象进行遍历时，输出的是对象的键名a、b、c。而使用Object.keys方法，我们可以遍历对象的键值1、2、3。
二、使用Object.entries方法遍历对象
在ES6中，我们还可以使用Object.entries方法来遍历整个对象，该方法会返回一个由键值对组成的数组。
let obj = {a: 1, b: 2, c: 3};
for (let [key, value] of Object.entries(obj)) {
console.log(key, value); // a 1 b 2 c 3
}
在以上代码中，我们可以看到使用Object.entries方法遍历出的数组中包含了对象的键名和键值。
三、使用generator函数遍历对象
使用ES6中的generator函数可以更加灵活地遍历对象，该方法可以用于延迟执行，避免一次性遍历对象所带来的内存问题。
let obj = {a: 1, b: 2, c: 3};
function* entries(obj) {
for (let key of Object.keys(obj)) {
yield [key, obj[key]];
}
}
for (let [key, value] of entries(obj)) {
console.log(key, value); // a 1 b 2 c 3
}
在以上代码中，我们使用了generator函数来达到遍历对象的效果，并且可以使用yield语句暂停函数的执行，等到需要时再继续执行。generator函数能够更加灵活地遍历对象，可以在需要时进行暂停。
四、使用Symbol.iterator方法遍历对象
在ES6中，每个对象都有一个Symbol.iterator方法，该方法可以用于自定义遍历器。
let obj = {a: 1, b: 2, c: 3};
obj[Symbol.iterator] = function* () {
yield obj.a;
yield obj.b;
yield obj.c;
}
for (let value of obj) {
console.log(value); // 1 2 3
}
在以上代码中，我们使用了Symbol.iterator方法来自定义了遍历器，然后通过for…of循环遍历对象。这种方法可以非常便利地实现对象的自定义遍历。
五、使用Object.getOwnPropertySymbols方法遍历对象
在ES6中，每个对象都可以使用Object.getOwnPropertySymbols方法取得其自身所有的symbol类型的键。
const symbol1 = Symbol('a');
const symbol2 = Symbol('b');
let obj = {
[symbol1]: 'hello',
[symbol2]: 'world'
};
Object.getOwnPropertySymbols(obj).forEach((symbol) => {
console.log(obj[symbol]); // hello world
});
在以上代码中，我们使用了Object.getOwnPropertySymbols方法来获取对象的symbol类型的键，并进行遍历，输出了symbol类型键对应的值。
六、支持async函数的for…of循环遍历
在ES6中，我们可以使用async函数来遍历对象，该方法可以以异步的方式遍历对象，效率更高。
let obj = {a: 1, b: 2, c: 3};
async function asyncEntries(obj) {
for (let key of Object.keys(obj)) {
await new Promise((resolve) => setTimeout(resolve, 1000));
console.log(key, obj[key]);
}
}
(async function() {
await asyncEntries(obj);
})();
在以上代码中，我们使用了async函数来异步地遍历对象，使用了Promise与setTimeout来模拟异步操作，并且使用IIFE的形式来执行async函数。这种方式可以帮助我们以异步的方式更高效地遍历对象。
以上是ES6遍历对象的方法的相关阐述。我们可以看到，ES6遍历对象的方法在灵活性和效率方面都有很大提高，是开发者常用的工具之一。
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/189981.html
微信扫一扫 
支付宝扫一扫 