JS基础_while循环


 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <script type="text/javascript">
 7             
 8             
 9             
10             /*
11  * 循环语句: 12  * 通过循环语句可以反复的执行一段代码多次 13  * 14  * while循环 15  * - 语法: 16  * while(条件表达式){ 17  * 语句... 18  * } 19  * 20  * - while语句在执行时, 21  * 先对条件表达式进行求值判断, 22  * 如果值为true,则执行循环体, 23  * 循环体执行完毕以后,继续对表达式进行判断 24  * 如果为true,则继续执行循环体,以此类推 25  * 如果值为false,则终止循环 26  * 27  * do...while循环 28  * - 语法: 29  * do{ 30  * 语句... 31  * }while(条件表达式) 32  * 33  * - 执行流程: 34  * do...while语句在执行时,会先执行循环体, 35  * 循环体执行完毕以后,在对while后的条件表达式进行判断, 36  * 如果结果为true,则继续执行循环体,执行完毕继续判断以此类推 37  * 如果结果为false,则终止循环 38  * 39  * 实际上这两个语句功能类似,不同的是while是先判断后执行, 40  * 而do...while会先执行后判断, 41  * do...while可以保证循环体至少执行一次, 42  * 而while不能 43              */
44             
45             //-----------------------------------------------------------------------------------------
46             
47             var n = 1; 48             
49             //向这种将条件表达式写死为true的循环,叫做死循环
50             //该循环不会停止,除非浏览器关闭,死循环在开发中慎用
51             //可以使用break,来终止循环
52             while(true){ 53  alert(n++); 54                 //判断n是否是10
55                 if(n == 10){ 56                     //退出循环
57                     break; 58  } 59                 
60  } 61             
62             
63             
64             //创建一个循环,往往需要三个步骤
65             
66             //1.创初始化一个变量
67             var i = 1; 68              
69             //2.在循环中设置一个条件表达式
70             while(i <= 10){ 71                 //3.定义一个更新表达式,每次更新初始化变量
72  document.write(i++ +"<br />") 73                 
74  } 75             
76             
77             var j = 11; 78             //至少执行一次
79             do{ 80                 
81  document.write(j++ +"<br />"); 82                 
83  }while(j <= 10); 84             
85             
86             //该循环不会停止,除非浏览器关闭,死循环在开发中慎用
87             /*while(true){ 88  alert(1); 89  }*/
90             
91         </script>
92     </head>
93     <body>
94     </body>
95 </html>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM