理解 JavaScript 中的循环

在JavaScript的世界中，我们可以使用很多种循环表达式：

• while 表达式
• do...while 表达式
• for 表达式
• for...in 表达式
• for...of 表达式

所有这些表达式都有一个基本的功能：它们会重复一件事情直到一个具体的条件出现。在这篇文章中，我们将深入 for...of 表达式，去了解它是如何工作的，以及在我们的应用中可以使用它来优化代码的地方。

for…of

for...of 是一种 for 表达式，用来迭代 iterables(iterable objects)直到终止条件出现。

下面是一个基础的例子：

let arr = [2,4,6,8,10]
for(let a of arr) {
    log(a)
}
// It logs:
// 2
// 4
// 6
// 8
// 10

使用比for循环更好的代码，我们遍历了arr数组。

let myname = "Nnamdi Chidume"
for (let a of myname) {
    log(a)
}
// It logs:
// N
// n
// a
// m
// d
// i
//
// C
// h
// i
// d
// u
// m
// e

你知道如果我们使用for循环，我们将必须使用数学和逻辑去判断何时我们将会达到myname的末尾并且停止循环。但是正如你所见的，使用for...of循环之后，我们将会避免这些烦人的事情。