手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-13 18:18:54

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

GIF动态图教程-JS语言9-for循环语句(实例)
© 手抄报圈