循环迭代

循环提供了一种快速和简单的方式去做一些重复的事

for循环

一个for循环会一直重复执行，直到指定的循环条件为fasle。 JavaScript的for循环和Java与C的for循环是很相似的。一个for语句是这个样子的：

for ([initialExpression]; [condition]; [incrementExpression])
  statement

do......while

do...while 语句一直重复直到指定的条件求值得到假（false）。 一个 do...while 语句看起来像这样：

do
  statement
while (condition);

while

一个 while 语句只要指定的条件求值为真（true）就会一直执行它的语句块。一个 while 语句看起来像这样：

while (condition)
  statement

for( ... in ... )

这个 for...in 语句循环一个指定的变量来循环一个对象所有可枚举的属性。JavaScript 会为每一个不同的属性执行指定的语句。

for (variable in object) {
  statements
}

for( ... of ... )

for...of语句在可迭代的对象上创建了一个循环(包括Array, Map, Set, 参数对象（ arguments） 等等)，对值的每一个独特的属性调用一个将被执行的自定义的和语句挂钩的迭代。

该新特性属于 ECMAScript 2015（ES6）规范，在使用时请注意浏览器兼容性。

for (variable of object) {
  statement
}

下面的这个例子展示了 for...of 和 for...in 两种循环语句之间的区别。与 for...in 循环遍历的结果是数组元素的下标不同的是， for...of 遍历的结果是元素的值：

let arr = [3, 5, 7];
arr.foo = "hello";

for (let i in arr) {
   console.log(i); // logs "0", "1", "2", "foo"
}

for (let i of arr) {
   console.log(i); // logs "3", "5", "7" // 注意这里没有 hello
}

什么是迭代

迭代是重复反馈过程的活动，其目的通常是为了接近并到达所需的目标或结果。每一次对过程的重复被称为一次“迭代”，而每一次迭代得到的结果会被用来作为下一次迭代的初始值。

for in
for of

break

使用 break 语句来终止循环，switch， 或者是链接到 label 语句。

当你使用不带 label 的 break 时， 它会立即终止当前所在的 while，do-while，for，或者 switch 并把控制权交回这些结构后面的语句。
当你使用带 label 的 break 时，它会终止指定的标记（label）了的语句。
break 语句的语法看起来像这样：

break;
break label;
第一种形式的语法终止当前所在的循环或 switch； 第二种形式的语法终止指定的 label 语句。

continue

这个 continue 语句可以用来继续执行（跳过代码块的剩余部分并进入下一循环）一个 while， do-while， for， 或者 label 语句。

当你使用不带 label 的 continue 时， 它终止当前 while，do-while，或者 for 语句到结尾的这次的循环并且继续执行下一次循环。
当你使用带 label 的 continue 时， 它会应用被 label 标识的循环语句。
continue 的语法看起来像这样：

continue;
continue label;

参考 mdn