详解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 相关文章推荐
Locate a File Using a File Open Dialog Box
Jun 18 Javascript
基于Jquery的仿照flash放大图片效果代码
Mar 16 Javascript
javascript权威指南 学习笔记之变量作用域分享
Sep 28 Javascript
jquery实现横向图片轮播特效代码分享
Nov 19 Javascript
使用jquery获取url及url参数的简单实例
Jun 14 Javascript
H5用户注册表单页 注册模态框!
Sep 17 Javascript
javascript 中关于array的常用方法详解
May 05 Javascript
JavaScript简单实现动态改变HTML内容的方法示例
Dec 25 Javascript
Vue加载json文件的方法简单示例
Jan 28 Javascript
JS中自定义事件的使用与触发操作实例分析
Nov 01 Javascript
JavaScript运动原理基础知识详解
Apr 02 Javascript
解决vue prop传值default属性如何使用,为何不生效的问题
Sep 21 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
利用yahoo汇率接口实现实时汇率转换示例 汇率转换器
2014/01/14 PHP
php上传图片客户端和服务器端实现方法
2015/03/30 PHP
PHP数组操作简单案例分析
2016/10/15 PHP
js 无提示关闭浏览器页面的代码
2010/03/09 Javascript
javascript获取网页中指定节点的父节点、子节点的方法小结
2013/04/24 Javascript
js 与 php 通过json数据进行通讯示例
2014/03/26 Javascript
JS实现的自定义右键菜单实例二则
2015/09/01 Javascript
用AngularJS的指令实现tabs切换效果
2016/08/31 Javascript
解决同一页面中两个iframe互相调用jquery,js函数的方法
2016/12/12 Javascript
使用Nodejs连接mongodb数据库的实现代码
2017/08/21 NodeJs
Vue组件之Tooltip的示例代码
2017/10/18 Javascript
vue数据传递--我有特殊的实现技巧
2018/03/20 Javascript
axios简单实现小程序延时loading指示
2018/07/30 Javascript
微信小程序中如何计算距离某个节日还有多少天
2019/07/15 Javascript
async/await让异步操作同步执行的方法详解
2019/11/01 Javascript
JavaScript 正则应用详解【模式、欲查、反向引用等】
2020/05/13 Javascript
python实现删除文件与目录的方法
2014/11/10 Python
python实现指定字符串补全空格的方法
2015/04/30 Python
详解Python验证码识别
2016/01/25 Python
Python中用psycopg2模块操作PostgreSQL方法
2017/11/28 Python
Python 存储字符串时节省空间的方法
2019/04/23 Python
flask框架单元测试原理与用法实例分析
2019/07/23 Python
python实现静态服务器
2019/09/05 Python
python装饰器代替set get方法实例
2019/12/19 Python
python3.6.5基于kerberos认证的hive和hdfs连接调用方式
2020/06/06 Python
CSS3实现时间轴特效
2020/11/02 HTML / CSS
Html5上传图片 移动端、PC端通用代码
2016/06/08 HTML / CSS
教育专业自荐书范文
2013/12/17 职场文书
建筑班组长岗位职责
2014/01/02 职场文书
校三好学生主要事迹
2014/01/11 职场文书
教师个人自我评价范文
2014/04/13 职场文书
2014年学校工会工作总结
2014/12/06 职场文书
小学生禁毒教育心得体会
2016/01/15 职场文书
2016年公务员六五普法心得体会
2016/01/21 职场文书
《曾国藩家书》读后感——读家书,立家风
2019/08/21 职场文书
pytorch 如何把图像数据集进行划分成train,test和val
2021/05/31 Python