>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 28114 个阅读者 刷新本主题
 * 贴子主题:  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开发-->Servlet技术详解(Ⅰ)
  JSP与Hibernate开发-->映射组成关系
  Java网络编程-->用Swing组件展示HTML文档
  精通Spring-->Vue组件开发高级技术
  Vue3开发-->Vue简介
  qs.parse()、qs.stringify()、JSON.stringify() 用法及区别
  vue3.0 代理Proxy API
  07、手把手教Vue--路由「Vue-router」 - TigerChain
  axios.all()解决并发请求
  Vue选项的用法
  js判断上传图片大小及尺寸
  Vue+Vant中van-list请求数据(数据请求调用公用方法)
  JavaScript的HTML DOM td / th 对象
  jQuery UI 范例:show()方法
  jQuery UI 范例 - 选择条目(Selectable)
  CSS 伪类
  JavaScript 闭包
  JavaScript 严格模式(use strict)
  用JavaScript制作弹出页面
  非常实用的CSS样式
  更多...
 IPIP: 已设置保密
楼主      
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


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