>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 21092 个阅读者 刷新本主题
 * 贴子主题:  JavaScript的 while 循环语句 回复文章 点赞(0)  收藏  
作者:flybird    发表时间:2019-08-19 23:44:40     消息  查看  搜索  好友  邮件  复制  引用

  

JavaScript  while 循环

     只要指定条件为 true,循环就可以一直执行代码块。    

while 循环

     while 循环会在指定条件为真时循环执行代码块。            

语法

     while (条件)
    {
       需要执行的代码
    }        

范例

     本例中的循环将继续运行,只要变量 i 小于 5:                    

范例

while   ( i < 5 )
{
     x = x  +  " The number is  "  +  i  +  " <br> " ;
     i ++;
}

            
点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小 如果您忘记增加条件中所用变量的值,该循环永远不会结束。这可能导致浏览器崩溃。
    

do/while 循环

     do/while 循环是 while 循环的变体。该循环会在检查条件是否为真之前执行一次代码块,然后如果条件为真的话,就会重复这个循环。      

语法

      do{

        需要执行的代码

      }
      while (条件);      

范例

     下面的例子使用 do/while 循环。该循环至少会执行一次,即使条件为 false 它也会执行一次,因为代码块会在条件被测试前执行:      

范例

do
{
     x = x  +  " The number is  "  +  i  +  " <br> " ;
     i ++;
}
while   ( i < 5 ) ;

         别忘记增加条件中所用变量的值,否则循环永远不会结束!    

比较 for 和 while

     如果您已经阅读了前面那一章关于 for 循环的内容,您会发现 while 循环与 for 循环很像。

     本例中的循环使用 for 循环来显示 cars 数组中的所有值:                    

范例

cars = [ " BMW " , " Volvo " , " Saab " , " Ford " ] ;
var   i = 0 ;
for   ( ; cars [ i ] ; )
{
     document . write ( cars [ i ]  +  " <br> " ) ;
     i ++;
}

                  本例中的循环使用 while 循环来显示 cars 数组中的所有值:      

范例

cars = [ " BMW " , " Volvo " , " Saab " , " Ford " ] ;
var   i = 0 ;
while   ( cars [ i ] )
{
     document . write ( cars [ i ]  +  " <br> " ) ;
     i ++;
}

程序猿的技术大观园:www.javathinker.net



[这个贴子最后由 flybird 在 2020-02-07 11:10:15 重新编辑]
  Java面向对象编程-->接口
  JavaWeb开发-->JSP技术详解(Ⅱ)
  JSP与Hibernate开发-->域对象在持久化层的四种状态
  Java网络编程-->用Axis发布Web服务
  精通Spring-->绑定CSS样式
  Vue3开发-->创建综合购物网站应用
  vue30道面试题
  Vue CLI项目的package.json中版本号详解~和^和*的区别
  深入理解Vue的响应式系统
  Vue选项的用法
  vue中监听object数据变化的基本原理
  H5定位终极解决方案
  jQuery 选择器
  JavaScript Date 对象
  响应式 Web 设计:网格视图
  CSS 表单的用法
  HTML5 语义元素
  HTML中插入脚本的用法
  JavaScript 正则表达式
  应该掌握的几个HTML标记语言(个人总结)
  一文读懂前端技术演进:盘点Web前端20年的技术变迁史
  更多...
 IPIP: 已设置保密
楼主      
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


中文版权所有: JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶,分享交流Java前沿技术。  联系我们
如有技术文章涉及侵权,请与本站管理员联系。