ES6的for...of循环如何应用于可迭代对象并实现高效遍历？

本文共计2034个文字，预计阅读时间需要9分钟。

原文：本篇文章将研究ES6的for...of循环。旧方法中，有过两种方法可以遍历JavaScript。首先是经典的for(i=0; ithings.)

改写后：本文将探讨ES6中的for...of循环。过去，遍历JavaScript有两种常见方法。首先是传统的for(i=0; ithings.)。

本文将研究 ES6 的 for ... of 循环。

旧方法

在过去，有两种方法可以遍历 javascript。

首先是经典的 for i 循环，它使你可以遍历数组或可索引的且有 length 属性的任何对象。

for(i=0;i<things.length;i++) { var thing = things[i] /* ... */ }

其次是 for ... in 循环，用于循环一个对象的键/值对。

for(key in things) { if(!thing.hasOwnProperty(key)) { continue; } var thing = things[key] /* ... */ }

for ... in 循环通常被视作旁白，因为它循环了对象的每一个可枚举属性[1]。这包括原型链中父对象的属性，以及被分配为方法的所以属性。换句话说，它遍历了一些人们可能想不到的东西。使用 for ... in 通常意味着循环块中有很多保护子句，以避免出现不需要的属性。

早期的 javascript 通过库解决了这个问题。