while循环与do. . . while循环语句

㈠导入

向页面中输出连续的数字

var n = 1;
document.write(n++ +"<br />");

 

㈡while循环

⑴循环语句：通过循环语句可以反复的执行一段代码多次

⑵语法：while（条件表达式）{

                          语句. . .

                  }

 

⑶执行流程：

★while语句在执行时，先对条件表达式进行求值判断：

       ① 如果值为true，则执行循环体：

                循环体执行完毕以后，继续对表达式进行判断；

                如果为true，则继续执行循环体，以此类推

        ②如果值为false，则终止循环。

 

⑷具体示例：

//像这种将条件表达式写为true的循环，叫做死循环

//该循环不会停止，除非浏览器关闭，死循环在开发中慎用

//可以使用break，来终止循环

var n = 1;

while(true){

       alert(n++);

       //判断n是否是10

      if（n == 10）{

           //退出循环

           break;

       }

}

 

⑸创建一个循环，往往需要三个步骤

//1.创建初始化一个变量

var i = 0;

//2.在循环中设置一个条件表达式

while(i < 10){

          alert(i);

         //3.定义一个更新表达式，每次更新初始化变量

         i++;

}

 

具体示例：

var i = 1;

while(i <= 500){

         document.write(i++ +"<br />")

}

 

 

㈢do. . . while循环

⑴语法：do{

                        语句. . .

                 }while(条件表达式)

 

⑵执行流程：

⑴do. . . while语句在执行时，会先执行循环体，

⑵循环体执行完毕以后，在对while后的条件表达式进行判断：

  ①如果结果为true，则继续执行循环体，执行完毕继续判断，以此类推

  ②如果结果为false，则终止循环

 

⑶示例：

do{

   document.write(i++ +"<br />")

}while(i <= 10);

 

㈣两个语句的异同

实际上，这两个语句功能类似，不同的是：

⑴while是先判断后执行；而do. . .while会先执行后判断；

⑵do. . .while可以保证循环体至少执行一次，而while不能；

 

㈤代码练习

⑴问题：假如投资的年利率为5%，试求从1000块增长到5000块，需要花费多少年？

⑵代码如下：

//定义一个变量，表示当前的钱数

var money = 1000;

//定义一个计数器

var count = 0;

//定义一个while循环来计算每年的钱数

while(money < 5000){

        money *= 1.05;

        //使count自增
        count++;
}

//console.log(money);

console.log("一共需要"+count+"年");