在编程过程中,我们必然少不了循环语句
循环语句除了while do……while 还有就是for循环了
那么for循环执行循环时又是怎样的一个执行流程呢
先来介绍一下 for循环的结构
for(定义初始变量①;循环条件②;变量的变化值④){
循环语句块③;
}
for语句执行顺序为 ①②③④②③④……
其中 ①定义初始变量只在进入循环时执行一次
如果循环条件有多个,则需要使用&& || 分隔开
如果初始变量和变化值有多个,则只需使用 , 逗号分隔开
下面是一段使用JS编写的代码
<script>
var str="<ul>";
for(var i=0;i<10;i++){
str+="<li>"+i+"</li>";
}
str+="</ul>";
document.write(str);
</script>
在浏览器中可得到如下效果:
可见在上述代码块中
for(var i=0;i<10;i++){
循环语句块;
}
var =1 是定义了初始变量
i<10 是循环条件
i++ 为变量的变化值
花括号内所有语句块均为外层for 循环的循环语句块
内层循环结构类似
接下来,为了能够更加直观的看到for循环的执行过程,我们使用断点查看循环中每一步的执行情况
在这几处添加断点
初始情况下 str内 装有
-
字符串
执行到for循环后 先定义一个初始变量 i=0 然后判断 i <10 是否成立 成立则执行for内语句块
执行完语句块可见 str 内拼接了 一个 - 0
- 字符串
执行完循环语句块后,执行变量变化值即上述的④
i++后变为1 在判断是否满足循环条件,满足则再次执行循环语句
直到最后一次满足循环条件时 i =9 执行完循环语句后 再次执行 i++ 此时 i =10 不满足循环条件 才跳出循环 执行循环语句后的内容
可见此时已完成循环str 已经拼接好了循环中所有的 < li > 标签
这就是整个for循环的过程
定义一次初始变量 ,然后判断是否满足循环条件,若满足则执行循环语句,然后执行变量变化,再次判断是否满足循环条件,满足则执行循环语句,执行变量变化,直至不满循环条件,跳出循环为止。