多语言展示
当前在线:1172今日阅读:84今日分享:32

GIF动态图教程-JS语言9-for循环语句(实例)

方法/步骤
1

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次{}里面的代码。

2

第一个表达式定义索引变量的初始值,如var i = 0第二个表达式定义终止循环的条件,如i <3第三个表达式定义索引变量的变化规律,如i++

3

循环嵌套其实很好理解,就是整个for语句成了{}里面的循环代码块。如图所示,一个for循环输入了3次Hello,现在让它输入9次。

4

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

6

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

7

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

8

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

注意事项
1

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

2

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

推荐信息