循环语句 while（）... 与 for（）...（day11）

一、while()与do...while()...

循环语句：

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

       1、while循环：

        -  语法：

            while(①条件表达式){

                ②语句...

            }

        -  while语句在执行时，

             先对条件表达式进行求值判断，

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

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

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

                如果值为false，则终止循环

       2、 do...while循环

        -  语法：

            do{

                ①语句。。。

            }while(②条件表达式)

        -  执行流程

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

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

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

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

        实际上和两个语句功能类似，不同的是while是先判断后执行

            而do...while会先执行后判断

        do...while可以保证循环体至少执行一次，

            而while不能

    */

案例1：

   var n=1;

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

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

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

//    while (true) {

//         alert(n++);

//         if(n==10){

//         //退出循环

//         break;

//         }

//    }

  /*向页面中输出连续的数字document.write()*/
//    document.write(1)//     var n=1;//   document.write(n++ +'<br />');//   document.write(n++ +'<br />');//   document.write(n++ +'<br />');/*循环语句：通过循环语句可以反复执行一段代码多次while循环：-  语法：while(①条件表达式){②语句...}-  while语句在执行时，先对条件表达式进行求值判断，如果值为true，则执行循环体，循环体执行完毕以后，继续对表达式进行判断如果为true，则继续执行循环体，以此类推如果值为false，则终止循环do...while循环-  语法：do{①语句。。。}while(②条件表达式)-  执行流程do...while语句在执行时，会先执行循环体，循环体执行完毕后，在对while后的条件表达式进行判断，如果结果为true，则继续执行循环体，执行完毕继续判断以此类推如果结果为false，则终止循环实际上和两个语句功能类似，不同的是while是先判断后执行而do...while会先执行后判断do...while可以保证循环体至少执行一次，而while不能*/var n=1;//像这种将条件表达式写死为true的循环，叫做死循环//该循环不会停止，除非浏览器关闭，死循环在开发中慎用//可以使用break，来终止循环
//    while (true) {
//         alert(n++);//         if(n==10){
//         //退出循环
//         break;
//         }
//    }//创建一个循环,往往需要三个步骤//1.创初始化一个变量var i=11;//2.再循环中设置一个条件表达式// while (i<11) {//     // alert(i);//     //3.定义一个更新表达式，每次更新初始化变量//     // i++;//     document.write(i++ +'<br />');// }// do...while...do{document.write(i++ +'<br />');}while(i<=10)

二、for循环

     for语句,也是一个循环语句,也称为for循环

        在for循环中,我们提供了专门的位置来放三个表达式:

            1、初始化表达式

            2、条件表达式

            3、更新表达式

        for循环的语法：

            for(①初始化表达式;②条件表达式;④更新表达式){

                ③语句。。。

            }

        for循环的执行流程：

            1、执行初始化表达式，初始化变量（初始化表达式只会执行一次）

            2、执行条件表达式，判断是否执行循环

                如果为true，则执行循环

                如果为false，终止循环

            4、执行更新表达式，更新表达式执行完毕继续重复②

<script>/*for语句,也是一个循环语句,也称为for循环在for循环中,我们提供了专门的位置来放三个表达式:1、初始化表达式2、条件表达式3、更新表达式for循环的语法：for(①初始化表达式;②条件表达式;④更新表达式){③语句。。。}for循环的执行流程：1、执行初始化表达式，初始化变量（初始化表达式只会执行一次）2、执行条件表达式，判断是否执行循环如果为true，则执行循环如果为false，终止循环4、执行更新表达式，更新表达式执行完毕继续重复②*///创建一个执行10次的while循环//初始化表达式
//    var i=0;
//    //创建一个循环，定义条件表达式
//    while (i<10) {
//         //设置更新表达式
//         alert(i++);
//    }// for循环// for(var i=0;i<10;i++){//     alert(i);// }// for循环中的三个部分都可以省略，也可以写在外部// 如果在for循环中不写任何表达式，只写两个;//此时循环是一个死循环会一直执行下去，慎用// for(;;){//     alert('hello')// }
</script>

案例1：while()...

<script>/*加入投资的年利率为5%，试求从1000块增长到5000块，需要花费多少年提示：1000 1000*1.051050 1050*1.05*///定义一个变量来表示当前的钱数var money=1000;//定义一个计数器var count=0;//定义一个while()循环来计算每年的钱数while (money<5000) {money =money*1.05;console.log(money);//使count自增count++;}console.log('一共需要'+count+'年');//第一年
//    money *= 1.05;
//    //第二年
//    money *= 1.05;
//    console.log(money);
</script>

案例二、for()...

<script>/*打印1-100之间所有奇数之和*/
//   1、打印1-100之间的数
//  创建一个变量，用来保存奇数之和var sum=0;for(var i=1;i<=100;i++){//判断i是否是奇数//不能被二整除的数就是奇数if(i % 2 != 0){//如果i除以2有余数则证明i是奇数console.log(i);sum=sum+i;}}console.log('奇数之和为：'+sum);
</script>