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

  

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-29 10:23:15 重新编辑]
  Java面向对象编程-->对象的生命周期
  JavaWeb开发-->Web运作原理(Ⅲ)
  JSP与Hibernate开发-->映射一对多关联关系
  Java网络编程-->基于MVC和RMI的分布式应用
  精通Spring-->Vue组件开发基础
  Vue3开发-->Vue组件开发高级技术
  常用CSS样式属性大全
  Vue项目PWA化
  JavaScript Promise对象的用法
  Node.js操纵Mongodb数据据
  javaScript中==和===的区别详解
  HTML5中的 Web Worker的使用
  AJAX获取服务器响应
  Javascript DOM封装方法汇总
  jQuery UI 范例:show()方法
  CSS3 2D 转换
  HTML5 地理定位
  JavaScript 严格模式(use strict)
  JavaScript 函数 的定义和使用
  jQuery Mobile 方向改变事件
  jQuery Mobile 事件
  更多...
 IPIP: 已设置保密
楼主      
1页 1条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


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