详解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学习笔记(九) js对象 设计模式
Jun 19 Javascript
如何在JS中实现相互转换XML和JSON
Jul 19 Javascript
微信小程序 获取当前地理位置和经纬度实例代码
Dec 05 Javascript
javascript实现日期三级联动下拉框选择菜单
Dec 03 Javascript
vue.js的安装方法
May 12 Javascript
express框架实现基于Websocket建立的简易聊天室
Aug 10 Javascript
详解webpack多页面配置记录
Jan 22 Javascript
使用wxapp-img-loader自定义组件实现微信小程序图片预加载功能
Oct 18 Javascript
Phaser.js实现简单的跑酷游戏附源码下载
Oct 26 Javascript
vue组件通信传值操作示例
Jan 08 Javascript
layui实现二维码弹窗、并下载到本地的方法
Sep 25 Javascript
vue通过接口直接下载java生成好的Excel表格案例
Oct 26 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
PHILIPS D1835/D1875的电路分析与打理
2021/03/02 无线电
PHP内核介绍及扩展开发指南―基础知识
2011/09/11 PHP
PHP新手用的Insert和Update语句构造类
2012/03/31 PHP
在Laravel5.6中使用Swoole的协程数据库查询
2018/06/15 PHP
一个JavaScript继承的实现
2006/10/24 Javascript
符合W3C网页标准的iframe标签的使用方法
2007/07/19 Javascript
JavaScript arguments 多参传值函数
2010/10/24 Javascript
Jquery 切换不同图片示例代码
2013/12/05 Javascript
javascript数组输出的两种方式
2015/01/13 Javascript
jQuery多条件筛选如何实现
2015/11/04 Javascript
vuejs2.0实现分页组件使用$emit进行事件监听数据传递的方法
2017/02/22 Javascript
利用C/C++编写node.js原生模块的方法教程
2017/07/07 Javascript
Vue2几种常见开局方式详解
2017/09/09 Javascript
vue2.x+webpack快速搭建前端项目框架详解
2017/11/30 Javascript
15个顶级开源JavaScript框架和库
2018/10/10 Javascript
JavaScript函数定义方法实例详解
2019/03/05 Javascript
jQuery实现带3D切割效果的轮播图功能示例【附源码下载】
2019/04/04 jQuery
js回溯法计算最佳旅行线路代码实例
2019/09/11 Javascript
vue 动态给每个页面添加title、关键词和描述的方法
2020/08/28 Javascript
[01:09:13]DOTA2-DPC中国联赛 正赛 CDEC vs XG BO3 第三场 1月19日
2021/03/11 DOTA
python实现文本去重且不打乱原本顺序
2016/01/26 Python
python基础教程之分支、循环简单用法
2016/06/16 Python
对Python中DataFrame按照行遍历的方法
2018/04/08 Python
python实现多线程网页下载器
2018/04/15 Python
Python3实现的简单验证码识别功能示例
2018/05/02 Python
Django使用AJAX调用自己写的API接口的方法
2019/03/06 Python
Ranorex通过Python将报告发送到邮箱的方法
2020/01/12 Python
python GUI库图形界面开发之PyQt5 Qt Designer工具(Qt设计师)详细使用方法及Designer ui文件转py文件方法
2020/02/26 Python
python将字典内容写入json文件的实例代码
2020/08/12 Python
Python环境配置实现pip加速过程解析
2020/11/27 Python
星空联盟C# .net笔试题
2014/12/05 面试题
交通专业个人自荐信格式
2013/09/23 职场文书
户外亲子活动策划方案
2014/02/07 职场文书
第二课堂活动总结
2014/05/07 职场文书
群众路线批评与自我批评发言稿
2014/10/16 职场文书
厉行节约工作总结
2015/08/12 职场文书