循环结构的基本步骤:
1、声明循环变量;
2、判断循环条件;
3、执行循环体操作;
4、更新循环变量;
5、然后循环执行2-4,直到条件不成立,跳出循环。
for循环
for循环
1、for有三个表达式:①声明循环变量;②判断循环条件;③更新循环变量;
三个表达式之间,用;分割,for循环三个表达式都可以省略,但是两个“;”缺一不可。
2、for循环的执行特点:先判断再执行,与while相同
3、for循环三个表达式都可以有多部分组成,第二部分多个判断条件用&& ||连接,第一三部分用逗号分割;
for 循环的语法如下:
for (语句 1; 语句 2; 语句 3) {要执行的代码块 }
<body>
<script>
// <!-- //for (循环初始值;循环条件;循环自增量){
// 循环操作;
// } -->
//跑步 跑10圈
for( var i=0;i<=10;i++){
console.log("跑了第"+i+"圈");
}
</script>
</body>
while循环
while 循环会一直循环代码块,只要指定的条件为 true。
语法:
while (条件) { 要执行的代码块 }
<body>
<script>
//初始部分 //定义变量的地方
// while(循环条件){
// 循环操作;
// 迭代部分
// }
//输出 10次我爱你
var i=1;
while(i<=10){
console.log('打你头'+i+'次');
i++
}
</script>
</body>
do-while循环
while循环特点:先判断后执行;
do-while循环特点:先执行再判断,即使初始条件不成立,do-while循环至少执行一次;
do/while 循环是 while 循环的变体。在检查条件是否为真之前,这种循环会执行一次代码块,然后只要条件为真就会重复循环。
语法:
do {要执行的代码块 }while (条件);
<body>
<script>
// //声明变量
// // do{
// 循环操作;
// 迭代;
// }
// while(循环条件)
var i=1;
do{
console.log('爱你'+i+'次')
i++
}while(i<=10)
</script>
</body>
循环控制语句
1、break:跳出本层循环,继续执行循环后面的语句。
如果循环有多层,则break只能跳出一层。
2、continue:跳过本次循环剩余的代码,继续执行下一次循环。
①对与for循环,continue之后执行的语句,是循环变量更新语句i++;
②对于while、do-while循环,continue之后执行的语句,是循环条件判断;
因此,使用这两个循环时,必须将continue放到i++之后使用,否则,continue将跳过i++进入死循环