详解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引导程序
Oct 26 Javascript
HTML node相关的一些资料整理
Jan 01 Javascript
基于Jquery的简单图片切换效果
Jan 06 Javascript
JS中类或对象的定义说明
Mar 10 Javascript
详解bootstrap的modal-remote两种加载方式【强化】
Jan 27 Javascript
微信小程序访问node.js接口服务器搭建教程
Apr 25 Javascript
关于jQuery库冲突的完美解决办法
May 20 jQuery
用户管理的设计_jquery的ajax实现二级联动效果
Jul 13 jQuery
JavaScript数据结构之优先队列与循环队列实例详解
Oct 27 Javascript
浅谈Vue数据响应思路之数组
Nov 06 Javascript
vue完美实现el-table列宽自适应
May 08 Vue.js
canvas 中如何实现物体的框选
Aug 05 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桌面中心(三) 修改数据库
2007/03/11 PHP
Yii2实现上下联动下拉框功能的方法
2016/08/10 PHP
利用PHP实现开心消消乐的算法示例
2017/10/12 PHP
php解决安全问题的方法实例
2019/09/19 PHP
基于Jquery的实现回车键Enter切换焦点
2010/09/14 Javascript
javascript学习之闭包分析
2010/12/02 Javascript
Jquery插件之打造自定义的select标签
2011/11/30 Javascript
jquery中dom操作和事件的实例学习 下拉框应用
2011/12/01 Javascript
表单元素的submit()方法和onsubmit事件应用概述
2013/02/01 Javascript
jqplot通过ajax动态画折线图的方法及思路
2013/12/08 Javascript
js格式化时间小结
2014/11/03 Javascript
移动端JQ插件hammer使用详解
2015/07/03 Javascript
jquery实现网页的页面平滑滚动效果代码
2015/11/02 Javascript
原生js实现网易轮播图效果
2020/04/10 Javascript
Javascript使用uploadify来实现多文件上传
2016/11/16 Javascript
浅谈JavaScript中promise的使用
2017/01/11 Javascript
JavaScript关联数组用法分析【概念、定义、遍历】
2017/03/15 Javascript
浅谈JS对html标签的属性的干预以及对CSS样式表属性的干预
2017/06/25 Javascript
基于dataset的使用和图片延时加载的实现方法
2017/12/11 Javascript
JavaScript同源策略和跨域访问实例详解
2018/04/03 Javascript
JS监听组合按键思路及实现过程
2020/04/17 Javascript
JS this关键字在ajax中使用出现问题解决方案
2020/07/17 Javascript
WebStorm无法正确识别Vue3组合式API的解决方案
2021/02/18 Vue.js
[01:21:07]EG vs Liquid 2018国际邀请赛淘汰赛BO3 第一场 8.25
2018/08/29 DOTA
[52:07]完美世界DOTA2联赛PWL S3 LBZS vs access 第二场 12.10
2020/12/13 DOTA
python七夕浪漫表白源码
2019/04/05 Python
TensorFlow基于MNIST数据集实现车牌识别(初步演示版)
2019/08/05 Python
Python对列表的操作知识点详解
2019/08/20 Python
Python动态导入模块和反射机制详解
2020/02/18 Python
Python 实现网课实时监控自动签到、打卡功能
2020/03/12 Python
雅萌 (YA-MAN) :日本美容家电领域的龙头企业
2017/05/12 全球购物
澳大利亚旅游网站:Lastminute
2017/08/07 全球购物
绘儿乐产品官方在线商店:Crayola.com
2019/09/07 全球购物
大型车展策划方案
2014/02/01 职场文书
机关单位动员会主持词
2014/03/20 职场文书
办公室文员工作自我鉴定
2014/09/19 职场文书