js-while循环+do while循环
while循环结构
//1,while 循环语法结构,while...当..的时候
while(条件表达式){
//循环体
}
//当条件表达式结果为true后,则执行循环体,否则不执行
//里面应该要有计数器,防止死循环
//例子:
while(num<=100){
num+=1;//计数器
}
while循环结构例子
//和for循环相比,可以设置的条件更加的丰富
//比如一个例子:
//弹出一个输出框,你喜欢吃苹果吗?
//如果输入的是喜欢吃,就提示介绍,否则一直询问
//代码:
<script>
var res=prompt("你喜欢吃苹果吗?");
while(res!=='喜欢吃'){
res=prompt('你喜欢吃苹果吗');
}
alert("提示结束");
}
</script>
do while循环结构
执行思路:
① 先执行一次循环体代码
② 再执行条件表达式,如果结果为 true,则继续执行循环体代码,如果为 false,则退出循环,继续执行后面
代码
do{
//循环体
}while(i<=100)
//同款例子
do {
var love = prompt('你爱我吗?');
} while (love != '我爱你')
alert('登录成功');
js循环小结
- JS 中循环有 for 、while 、 do while
- 三个循环很多情况下都可以相互替代使用
- 如果是用来计次数,跟数字相关的,三者使用基本相同,但是我们更喜欢用 for
- while 和 do…while 可以做更复杂的判断条件,比 for 循环灵活一些
- while 和 do…while 执行顺序不一样,while 先判断后执行,do…while 先执行一次,再判断执行
- while 和 do…while 执行次数不一样,do…while 至少会执行一次循环体, 而 while 可能一次也不执行
- 实际工作中,我们更常用for 循环语句,它写法更简洁直观, 所以这个要重点学习
continue关键字
continue 关键字用于立即跳出本次循环,继续下一次循环(本次循环体中 continue 之后的代码就会少执行一次)。
例如,吃5个包子,第3个有虫子,就扔掉第3个,继续吃第4个第5个包子,其代码实现如下:
for (var i = 1; i <= 5; i++) {
if (i == 3) {
console.log('这个包子有虫子,扔掉');
continue; // 跳出本次循环,跳出的是第3次循环
}
console.log('我正在吃第' + i + '个包子呢');
}
break关键字
break 关键字用于立即跳出整个循环(循环结束)。
例如,吃5个包子,吃到第3个发现里面有半个虫子,其余的不吃了,其代码实现如下:
for (var i = 1; i <= 5; i++) {
if (i == 3) {
break; // 直接退出整个for 循环,跳到整个for下面的语句
}
console.log('我正在吃第' + i + '个包子呢');
}