开发者学堂课程【JavaScript 入门与实战:do-while 循环】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/582/detail/8027
do-while 循环
内容介绍:
一、do...while 语句
二、示例解析
一、do...while 语句
1、do...while 语句分析
do.while 循环和 while 循环非常像,二者经常可以相互替代,
但是 do.while 的特点是不管条件成不成立,都会执行一次。
do {//循环体;
} while (循环条件);
2、do...while 语句和 while 语句区别
do.while 语句的结构是:
do{代码}while(条件)
,
原来的 while 语句的结构是:
while(条件){
代码
}
这里看到两个语句是条件,代码顺序不一样。
while 语句是先判断条件有没有成立,然后代码才执行。
do…while 语句循环是先执行一次代码,然后再进行条件判断,如果条件成立代码继续循环执行,条件不成立,代码不执行。语句中的代码总会执行一次。
二、示例解析
案例 1:计算 1 +2+3+4..... +99+100 的结果
//初始化变量
Var i = 0;
var sum = 1;
do {
sum += i; //循环体
i++; //自增
} while ( i <= 100); //循环条件
案例分析 2:
打开资源管理器,在 HTDOCS 目录 code03 文件下新建一个 0.3.html 文件。编辑:
1 <!DOCTYPE html>
2 <html lang=”en">
3 <head>
4 <meta charset= "UTF-8">
5 <meta name-"viewport" content-"width-device width, initial-scale=1.">
6 <meta http - equiv="x UA Compatible" content-" ie-edge">
7 <title>Document</title>
8 </head>
9 <body>
10
11 </body>
12 <script>
13 var i =10;
14 do{
15 console.log(i);
16 }while(i>10);
17 </script>
18 </htm1>
打开 Open InDefault Browser 浏 览器,选择检查,点击 Console,可看到返回结果为:10
修改程序段为:
13 var i =15;
14 do{
15 console.log(i);
16 i++;
17 }while(i<20);
刷新浏览器得到结果:15 16 17 18 19