详解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 相关文章推荐
IE FF OPERA都可用的弹出层实现代码
Sep 29 Javascript
JavaScript 盒模型 尺寸深入理解
Dec 31 Javascript
js判断为空Null与字符串为空简写方法
Feb 24 Javascript
JavaScript检查数字是否为整数或浮点数的方法
Jun 09 Javascript
JQuery通过AJAX从后台获取信息显示在表格上并支持行选中
Sep 15 Javascript
Jquery1.9.1源码分析系列(六)延时对象应用之jQuery.ready
Nov 24 Javascript
javascript入门之window对象【新手必看】
Nov 22 Javascript
JS对象创建的几种方式整理
Feb 28 Javascript
vue.js的手脚架vue-cli项目搭建的步骤
Aug 30 Javascript
微信小程序实现星级评分和展示
Jul 05 Javascript
layDate日期控件使用方法详解
Nov 15 Javascript
浅谈Vue3 Composition API如何替换Vue Mixins
Apr 29 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
德生9700DX电路分析
2021/03/02 无线电
生成缩略图
2006/10/09 PHP
论坛头像随机变换代码
2006/10/09 PHP
php连接oracle数据库的方法(测试成功)
2016/05/26 PHP
nodejs 后缀名判断限制代码
2011/03/31 NodeJs
ejs v9 javascript模板系统
2012/03/21 Javascript
JQuery实现简单验证码提示解决方案
2012/12/20 Javascript
JavaScript地图拖动功能SpryMap的简单实现
2013/07/17 Javascript
使用jquery实现放大镜效果
2014/09/02 Javascript
jQuery寻找n以内完全数的方法
2015/06/24 Javascript
初识angular框架后的所思所想
2016/02/19 Javascript
使用NodeJs 开发微信公众号(三)微信事件交互实例
2016/03/02 NodeJs
jQuery ajax MD5实现用户注册即时验证功能
2016/10/11 Javascript
Javascript将字符串日期格式化为yyyy-mm-dd的方法
2016/10/27 Javascript
JQuery页面随滚动条动态加载效果的简单实现(推荐)
2017/02/08 Javascript
JavaScript中三种常见的排序方法
2017/02/24 Javascript
微信小程序 图片上传实例详解
2017/05/05 Javascript
vue中实现移动端的scroll滚动方法
2018/03/03 Javascript
Vue 之孙组件向爷组件通信的实现
2019/04/23 Javascript
python为tornado添加recaptcha验证码功能
2014/02/26 Python
python中去空格函数的用法
2014/08/21 Python
python进阶教程之词典、字典、dict
2014/08/29 Python
Python中最常用的操作列表的几种方法归纳
2015/04/24 Python
python任务调度实例分析
2015/05/19 Python
python实现将html表格转换成CSV文件的方法
2015/06/28 Python
Python 常用 PEP8 编码规范详解
2017/01/22 Python
多版本Python共存的配置方法
2017/05/22 Python
在CentOS6上安装Python2.7的解决方法
2018/01/09 Python
python实现websocket的客户端压力测试
2019/06/25 Python
Python解析命令行读取参数之argparse模块
2019/07/26 Python
tensorflow/core/platform/cpu_feature_guard.cc:140] Your CPU supports instructions that this T
2020/06/22 Python
python中time tzset()函数实例用法
2021/02/18 Python
万得城电器土耳其网站:欧洲第一大电子产品零售商
2016/10/07 全球购物
Monki官网:斯堪的纳维亚的独立时尚品牌
2020/11/09 全球购物
创先争优承诺书范文
2014/03/31 职场文书
人代会标语
2014/06/30 职场文书