详解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 相关文章推荐
PNG背景在不同浏览器下的应用
Jun 22 Javascript
JS 进度条效果实现代码整理
May 21 Javascript
JS中的form.submit()不能提交表单的错误原因
Oct 08 Javascript
纯CSS3代码实现滑动开关效果
Aug 19 Javascript
快速学习AngularJs HTTP响应拦截器
Dec 31 Javascript
AngularJS中如何使用$http对MongoLab数据表进行增删改查
Jan 23 Javascript
一个字符串中出现次数最多的字符 统计这个次数【实现代码】
Apr 29 Javascript
EasyUI在表单提交之前进行验证的实例代码
Jun 24 Javascript
JavaScript原型继承_动力节点Java学院整理
Jun 30 Javascript
微信小程序实现跑马灯效果
Oct 21 Javascript
vue实现路由不变的情况下,刷新页面操作示例
Feb 02 Javascript
基于JavaScript实现贪吃蛇游戏
Mar 16 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
re0第二季蕾姆被制作组打入冷宫!艾米莉亚女主扶正,原因唏嘘
2020/04/02 日漫
深入密码加salt原理的分析
2013/06/06 PHP
phpmyadmin config.inc.php配置示例
2013/08/27 PHP
thinkphp中的url跳转用法分析
2016/07/12 PHP
laravel-admin 管理平台获取当前登陆用户信息的例子
2019/10/08 PHP
php传值和传引用的区别点总结
2019/11/19 PHP
jquery 简短几句代码实现给元素动态添加及获取提示信息
2011/09/01 Javascript
JavaScript中数组对象的那些自带方法介绍
2013/03/12 Javascript
jQuery中读取json文件示例代码
2013/05/10 Javascript
javascript判断是手机还是电脑访问网页的简单实例分享
2014/06/03 Javascript
基于jQuery实现的文字按钮表单特效整理
2014/12/07 Javascript
详解Document.Cookie
2015/12/25 Javascript
js表单验证实例讲解
2016/03/31 Javascript
学做Bootstrap的第一个页面
2016/05/15 HTML / CSS
cocos creator Touch事件应用(触控选择多个子节点的实例)
2017/09/10 Javascript
深入了解javascript 数组的sort方法
2018/06/01 Javascript
获取layer.open弹出层的返回值方法
2018/08/20 Javascript
解决vue 格式化银行卡(信用卡)每4位一个符号隔断的问题
2018/09/14 Javascript
webpack DllPlugin xxx is not defined解决办法
2019/12/13 Javascript
[59:00]OG vs TNC 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python实现Tab自动补全和历史命令管理的方法
2015/03/12 Python
Python实现的简单文件传输服务器和客户端
2015/04/08 Python
python对html代码进行escape编码的方法
2015/05/04 Python
pandas 将list切分后存入DataFrame中的实例
2018/07/03 Python
基于Python新建用户并产生随机密码过程解析
2019/10/08 Python
使用python-opencv读取视频,计算视频总帧数及FPS的实现
2019/12/10 Python
利用OpenCV和Python实现查找图片差异
2019/12/19 Python
关于jupyter打开之后不能直接跳转到浏览器的解决方式
2020/04/13 Python
Pycharm连接远程服务器过程图解
2020/04/30 Python
英国领先的男士服装和时尚零售商:Burton
2017/01/09 全球购物
Clarks鞋美国官网:全球领军鞋履品牌
2017/05/13 全球购物
碧欧泉法国官网:Biotherm法国
2019/10/23 全球购物
医药学专业大学生职业生涯规划书论文
2014/01/21 职场文书
毕业留言寄语大全
2014/04/10 职场文书
产品销售计划书
2014/05/04 职场文书
2015年机关作风和效能建设工作总结
2015/07/23 职场文书