详解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快速检测浏览器对CSS3特性的支持情况
Sep 26 Javascript
jquery插件冲突(jquery.noconflict)解决方法分享
Mar 20 Javascript
IE6-IE9中tbody的innerHTML不能赋值的解决方法
Sep 26 Javascript
JS简单限制textarea内输入字符数量的方法
Oct 14 Javascript
node.js发送邮件email的方法详解
Jan 06 Javascript
AngularJS实现页面定时刷新
Mar 14 Javascript
js实现canvas图片与img图片的相互转换的示例
Aug 31 Javascript
开发Vue树形组件的示例代码
Dec 21 Javascript
Javascript网页抢红包外挂实现分享
Jan 11 Javascript
JsonProperty 的使用方法详解
Oct 11 Javascript
JavaScript实现公告栏上下滚动效果
Mar 13 Javascript
JavaScript的function函数详细介绍
Nov 20 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 获取MySQL数据库里所有表的实现代码
2011/07/13 PHP
使用php判断浏览器的类型和语言的函数代码
2013/02/28 PHP
Php连接及读取和写入mysql数据库的常用代码
2014/08/11 PHP
PHP实现的简单分页类及用法示例
2016/05/06 PHP
用Javscript实现表单复选框的全选功能
2007/05/25 Javascript
jQuery 浮动广告实现代码
2008/12/25 Javascript
父子窗体间传递JSON格式的数据的代码
2010/12/25 Javascript
各浏览器对link标签onload/onreadystatechange事件支持的差异分析
2011/04/27 Javascript
JS幻灯片可循环播放可平滑旋转带滚动导航(自写)
2013/08/05 Javascript
javascript 实现字符串反转的三种方法
2013/11/23 Javascript
JQuery中的事件及动画用法实例
2015/01/26 Javascript
Jquery结合HTML5实现文件上传
2015/06/25 Javascript
js实现跨域的几种方法汇总(图片ping、JSONP和CORS)
2015/10/25 Javascript
jQuery自定义动画函数实例详解(附demo源码)
2015/12/10 Javascript
JavaScript判断表单为空及获取焦点的方法
2016/02/12 Javascript
Bootstrap+jfinal实现省市级联下拉菜单
2016/05/30 Javascript
JavaScript判断是否是微信浏览器
2016/06/13 Javascript
javascirpt实现2个iframe之间传值的方法
2016/06/30 Javascript
自制微信公众号一键排版工具
2016/09/22 Javascript
总结几道关于Node.js的面试问题
2017/01/11 Javascript
jQuery仿IOS弹出框插件
2017/02/18 Javascript
jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例
2018/05/09 jQuery
js实现图片区域可点击大小随意改变(适用移动端)代码实例
2019/09/11 Javascript
浅谈vue中document.getElementById()拿到的是原值的问题
2020/07/26 Javascript
微信小程序自定义底部弹出框功能
2020/11/18 Javascript
vue3.0中使用element的完整步骤
2021/03/04 Vue.js
[01:34]2016国际邀请赛中国区预选赛IG战队教练采访
2016/06/27 DOTA
[46:38]完美世界DOTA2联赛PWL S2 Magma vs PXG 第三场 11.28
2020/12/02 DOTA
Python基础入门之seed()方法的使用
2015/05/15 Python
Python文件的读写和异常代码示例
2017/10/31 Python
Numpy截取指定范围内的数据方法
2018/11/14 Python
如何在vscode中安装python库的方法步骤
2021/01/06 Python
优秀应届毕业生自荐信
2013/11/16 职场文书
2014离婚协议书范文
2014/09/10 职场文书
归途列车观后感
2015/06/17 职场文书
详解PHP设计模式之依赖注入模式
2021/05/25 PHP