详解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 loading效果代码
Jun 18 Javascript
对采用动态原型方式无法展示继承机制得思考
Dec 04 Javascript
几个比较实用的JavaScript 测试及效验工具
Apr 18 Javascript
jquery的键盘事件修改代码
Feb 24 Javascript
微信开发 使用picker封装省市区三级联动模板
Oct 28 Javascript
JavaScript对象封装的简单实现方法(3种方法)
Jan 03 Javascript
jQuery实现简单的滑动导航代码(移动端)
May 22 jQuery
详解Angular4中路由Router类的跳转navigate
Jun 09 Javascript
vue中的provide/inject的学习使用
May 09 Javascript
使用json-server简单完成CRUD模拟后台数据的方法
Jul 12 Javascript
vue vantUI实现文件(图片、文档、视频、音频)上传(多文件)
Oct 15 Javascript
Vue Render函数创建DOM节点代码实例
Jul 08 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
对盗链说再见...
2006/10/09 PHP
一个不错的应用,用于提交获取文章内容,不推荐用
2007/03/03 Javascript
图像替换新技术 状态域方法
2010/01/28 Javascript
jQuery 位置函数offset,innerWidth,innerHeight,outerWidth,outerHeight,scrollTop,scrollLeft
2010/03/23 Javascript
用jquery模仿的a的title属性(兼容ie6/7)
2013/01/21 Javascript
JavaScript计算字符串中每个字符出现次数的小例子
2013/07/02 Javascript
JavaScript四种调用模式和this示例介绍
2014/01/02 Javascript
JavaScript实现网页对象拖放功能的方法
2015/04/15 Javascript
JavaScript中判断数据类型的方法总结
2016/05/24 Javascript
request请求获取参数的实现方法(post和get两种方式)
2016/09/27 Javascript
jQuery UI插件实现百度提词器效果
2016/11/21 Javascript
非常优秀的JS图片轮播插件Swiper的用法
2017/01/03 Javascript
原生js和css实现图片轮播效果
2017/02/07 Javascript
Bootstrap页面标题Page Header的实现方法
2017/03/22 Javascript
jQuery初级教程之网站品牌列表效果
2017/08/02 jQuery
教你用Cordova打包Vue项目的方法
2017/10/17 Javascript
深入研究React中setState源码
2017/11/17 Javascript
深入理解Vue nextTick 机制
2018/04/28 Javascript
基于ionic实现下拉刷新功能
2018/05/10 Javascript
详解组件库的webpack构建速度优化
2018/06/18 Javascript
解决vant中 tab栏遇到的坑 van-tabs
2020/11/04 Javascript
[06:30]DOTA2英雄梦之声_第15期_死亡先知
2014/06/21 DOTA
[16:19]教你分分钟做大人——风暴之灵
2015/03/11 DOTA
[54:54]Newbee vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
python在不同层级目录import模块的方法
2016/01/31 Python
Python与R语言的简要对比
2017/11/14 Python
Python 删除连续出现的指定字符的实例
2018/06/29 Python
Python将文字转成语音并读出来的实例详解
2019/07/15 Python
python 线性回归分析模型检验标准--拟合优度详解
2020/02/24 Python
python中pandas库中DataFrame对行和列的操作使用方法示例
2020/06/14 Python
常用UNIX 命令(Linux的常用命令)
2013/07/10 面试题
药品质量检测应届生求职信
2013/11/14 职场文书
大学生自荐书范文
2013/12/10 职场文书
个人三严三实对照检查材料
2014/09/25 职场文书
惊涛骇浪观后感
2015/06/05 职场文书
Python批量解压&压缩文件夹的示例代码
2022/04/04 Python