详解JavaScript的while循环的使用


Posted in Javascript onJune 03, 2015

 在写一个程序时,可能有一种情况,当你需要一遍又一遍的执行一些操作。在这样的情况下,则需要写循环语句,以减少代码的数量。

JavaScript支持所有必要的循环,以帮助您在所有编程的步骤。
 while 循环

在JavaScript中最基本的循环是while循环,这将在本教程中学习讨论。
语法

while (expression){
  Statement(s) to be executed if expression is true
}

while循环的目的是为了反复执行语句或代码块(只要表达式为true)。一旦表达式为假,则循环将被退出。
例子:

下面的例子说明了一个基本的while循环:

<script type="text/javascript">
<!--
var count = 0;
document.write("Starting Loop" + "<br />");
while (count < 10){
 document.write("Current Count : " + count + "<br />");
 count++;
}
document.write("Loop stopped!");
//-->
</script>

这将产生以下结果:

Starting Loop
Current Count : 0
Current Count : 1
Current Count : 2
Current Count : 3
Current Count : 4
Current Count : 5
Current Count : 6
Current Count : 7
Current Count : 8
Current Count : 9
Loop stopped!

 
do...while 循环:

do...while loop 类似于while循环,不同之处在于条件检查发生在循环的末端。这意味着,在循环将总是至少执行一次,即使条件为假。
语法

do{
  Statement(s) to be executed;
} while (expression);

注意在do... while循环的末尾使用分号。
例子:

如在上面的例子中编写一个使用do... while循环程序。

<script type="text/javascript">
<!--
var count = 0;
document.write("Starting Loop" + "<br />");
do{
 document.write("Current Count : " + count + "<br />");
 count++;
}while (count < 0);
document.write("Loop stopped!");
//-->
</script>

这将产生以下结果:

Starting Loop
Current Count : 0
Loop stopped!
Javascript 相关文章推荐
javascript-TreeView父子联动效果保持节点状态一致
Aug 12 Javascript
javascript中使用css需要注意的地方小结
Sep 01 Javascript
分享10篇优秀的jQuery幻灯片制作教程及应用案例
Apr 16 Javascript
jquery 事件冒泡的介绍以及如何阻止事件冒泡
Dec 25 Javascript
javascript获取dom的下一个节点方法
Sep 05 Javascript
使用javaScript动态加载Js文件和Css文件
Oct 24 Javascript
javascript实现延时显示提示框特效代码
Apr 27 Javascript
Bootstrap作品展示站点实战项目2
Oct 14 Javascript
js 倒计时(高效率服务器时间同步)
Sep 12 Javascript
Vue函数式组件的应用实例详解
Aug 30 Javascript
js中addEventListener()与removeEventListener()用法案例分析
Mar 02 Javascript
JS forEach跳出循环2种实现方法
Jun 24 Javascript
jQuery中extend()和fn.extend()方法详解
Jun 03 #Javascript
JavaScript中switch语句的用法详解
Jun 03 #Javascript
jquery中添加属性和删除属性
Jun 03 #Javascript
JavaScript中的条件判断语句使用详解
Jun 03 #Javascript
简单介绍JavaScript的变量和数据类型
Jun 03 #Javascript
在HTML中插入JavaScript代码的示例
Jun 03 #Javascript
jQuery事件绑定on()、bind()与delegate() 方法详解
Jun 03 #Javascript
You might like
php操作mysqli(示例代码)
2013/10/28 PHP
phpMyAdmin通过密码漏洞留后门文件
2018/11/20 PHP
PHP cookie与session会话基本用法实例分析
2019/11/18 PHP
理解Javascript_14_函数形式参数与arguments
2010/10/20 Javascript
一个级联菜单代码学习及removeClass与addClass的应用
2013/01/24 Javascript
jQuery中:empty选择器用法实例
2014/12/30 Javascript
Css3制作变形与动画效果
2015/07/24 Javascript
微信小程序-详解数据缓存
2016/11/24 Javascript
jQuery如何跳转到另一个网页 就这么简单
2016/12/28 Javascript
单行 JS 实现移动端金钱格式的输入规则
2017/05/22 Javascript
详解利用 Express 托管静态文件的方法
2017/09/18 Javascript
vue 使用Jade模板写html,stylus写css的方法
2018/02/23 Javascript
vue 组件使用中的一些细节点
2018/04/25 Javascript
详解JSON和JSONP劫持以及解决方法
2019/03/08 Javascript
Python的垃圾回收机制深入分析
2014/07/16 Python
python使用sorted函数对列表进行排序的方法
2015/04/04 Python
使用Python装饰器在Django框架下去除冗余代码的教程
2015/04/16 Python
在Python程序和Flask框架中使用SQLAlchemy的教程
2016/06/06 Python
Linux上使用Python统计每天的键盘输入次数
2019/04/17 Python
python基础知识(一)变量与简单数据类型详解
2019/04/17 Python
如何用Python来搭建一个简单的推荐系统
2019/08/07 Python
face++与python实现人脸识别签到(考勤)功能
2019/08/28 Python
Python实现socket非阻塞通讯功能示例
2019/11/06 Python
pytorch实现mnist分类的示例讲解
2020/01/10 Python
浅谈css3中calc在less编译时被计算的解决办法
2017/12/04 HTML / CSS
Bobbi Brown芭比波朗美国官网:化妆师专业彩妆保养品品牌
2016/08/18 全球购物
阿玛尼化妆品美国官网:Giorgio Armani Beauty
2017/02/02 全球购物
犹他州最古老的体育用品公司:Al’s
2020/12/18 全球购物
学生会离职感言
2014/02/11 职场文书
求职信格式要求
2014/05/23 职场文书
党的群众路线教育实践活动个人对照检查材料(医生)
2014/11/05 职场文书
先进工作者推荐材料
2014/12/23 职场文书
2015年企业工作总结范文
2015/04/28 职场文书
新闻稿标题
2015/07/18 职场文书
基督教追悼会答谢词
2015/09/29 职场文书
原生JS封装vue Tab切换效果
2021/04/28 Vue.js