语法:
while(condition){
// 循环体
}
说明:
- 先判断condition是true还是false,如果是true,则执行循环体,循环体执行完毕,再次判断condition
- 如果condition为false,则结束循环。
注意:
- condition不能省略。如果省略为语法错误
- while循环也有可能一次也不执行。
流程图:
st=>start
cond1=>condition: condition (true/false)
body=>operation: 循环体
e=>end
st->cond1
cond1(yes, right)->body(right)->cond1
cond1(no)->e
2.3 do...while循环
语法:
do{
//循环体
}while(condition);
说明:
- 先执行循环体。
- 循环体执行结束后,去判断condition,如果condition是true,则再次执行循环体,否则循环结束。
注意:
- condition条件不能省略,省略语法错误。
- 由于先执行在判断,所以,对do...while 循环来说,循环体至少执行一次。
流程图:
st=>start
cond1=>condition: condition (true/false)
body=>operation: 循环体
e=>end
st->body->cond1
cond1(yes,right)->body
cond1(no)->e
2.4 三大循环比较
从本质上来讲,三大循环都可以完成相同的工作。其实一个for循环可以适应所有的需要循环的场景。但是,有些地方用某个可能更方便一些。
从实际情况来看,大部分人更新换用for,比如我。
循环结构 | 特点和用途 |
---|---|
for | 一般用于精确控制循环次数的场景。 |
while | 不能提前知道循环次数 |
do...while | 不能提前知道循环次数,且循环体的代码至少执行一次的场景 |
三、 两个特殊的流程控制语句
在循环内部,有的时候需要提前结束循环,或者结束本轮循环进入下一轮循环,就需要用到两个特殊的控制语句:break和continue
3.1 break语句
把break语句放入到循环中,代表提前结束循环。
for (var i = 0; i < 5; i++) {
if(i == 3){
break; // 如果i == 3 则直接结束循环(跳出循环),不会再执行以后的代码。 也不会去执行i++和判断i<5
}
document.write(i + " ");
}
//结果输出:0 1 2
3.2 continue语句
把continue语句放在循环中,表示提前结束本轮循环,不在执行循环体内剩下的代码,而是继续执行for中的表达式3或while中的条件。
for (var i = 0; i < 5; i++) {
if(i == 3){
//如果i == 3,执行conintue语句,则提前结束本轮循环,不再执行循环体剩下的代码。直接去执行i++,然后判断,开启
//下一轮循环。
continue;
}
document.write(i + " ");
}