>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 26136 个阅读者 刷新本主题
 * 贴子主题:  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开发-->在Web应用中访问Web服务
  JSP与Hibernate开发-->第一个helloapp应用
  Java网络编程-->Java网络编程入门
  精通Spring-->CSS过渡和动画
  Vue3开发-->计算属性和数据监听
  大部分人都会做错的经典JS闭包面试题
  Vue 项目从 Vue CLI 2 升级到 Vue CLI 4
  Node.js操纵Mongodb数据据
  总结:Vue的生命周期钩子函数的调用时机
  Vue CLI内网安装(禁止运行vue指令解决方案)
  JavaScript中数组的常用方法(含ES6)
  jQuery 获取并设置 CSS 类
  JavaScript的Screen 对象
  响应式 Web 设计:显示图片
  CSS3 多列布局
  HTML5 地理定位
  JavaScript HTML DOM EventListener
  JavaScript HTML DOM 节点列表
  JavaScript 正则表达式
  一文读懂前端技术演进:盘点Web前端20年的技术变迁史
  更多...
 IPIP: 已设置保密
楼主      
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


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