do-while 循环|学习笔记

开发者学堂课程【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

上一篇:【轻松前端之旅】CSS入门


下一篇:Python学习(9)--for和while循环