for循环语句，如图所示，只有一行代码竟然执行了3次，这是为什么？

首先看2个分号（;）

第1个分号前面表达式只执行1次。

第2个分号前面的表达式根据条件执行任意次，它决定是否继续执行{}里面的代码。

第2个分号后面的表达式，是执行{}里面的所有代码后，才会执行。

运算步骤如下：

给i赋值为0，i的确小于3所以执行一次代码，然后i自增变成1。

i的值1的确小于3所以执行一次代码，然后i自增变成2。

i的值2的确小于3所以执行一次代码，然后i自增变成3。

i的值不小于3无法成立，循环终止，结果执行了3次{}里面的代码。

第一个表达式定义索引变量的初始值，如var i = 0

第二个表达式定义终止循环的条件，如i 3

第三个表达式定义索引变量的变化规律，如i++

循环嵌套其实很好理解，就是整个for语句成了{}里面的循环代码块。

如图所示，一个for循环输入了3次Hello，现在让它输入9次。

while循环，()里面的是定义终止循环的条件，如图所示。

do...while也是一种循环语句，它跟while唯一的区别在于，do...while语句至少执行一次{}里面的代码，而while循环语句不执行也可以。do...while循环与while循环的差别是do...while首先执行一段代码，然后再进行条件判断。

如图所示，while循环语句只要一开始不满足循环条件，一次都不会执行。而do...while一开始就算不满足循环条件也会执行一次，这是因为do语句的存在。

当需要遍历对象的动态属性或数组中的元素时，可以使用for...in语句，使代码简洁。

在以上所有循环语句中，在{}里面使用break;，可以瞬间终止循环，如图所示，当i的值为1就终止循环，本来循环了11次，结果只输入了2次。运算步骤如下：因为程序是从上往下执行，当i的值为0，输出一次Hello，if判断条件不满足，当i的值为1，输出一次Hello，if判断条件满足，使用break终止for循环。

按住Ctrl键+鼠标滚动滑轮可以放大网页更清楚查看gif动态图。

因gif动态图将重复播放。建议进入-步骤阅读模式-边看文字边单击图片放大看。