详解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 相关文章推荐
jQuery拖动div、移动div、弹出层实现原理及示例
Apr 08 Javascript
javascript原始值和对象引用实例分析
Apr 25 Javascript
简单分析javascript面向对象与原型
May 21 Javascript
JavaScript性能优化总结之加载与执行
Aug 11 Javascript
javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】
Dec 15 Javascript
vue.js实现用户评论、登录、注册、及修改信息功能
May 30 Javascript
three.js实现3D模型展示的示例代码
Dec 31 Javascript
Webpack打包字体font-awesome的方法示例
Apr 26 Javascript
详解在网页上通过JS实现文本的语音朗读
Mar 28 Javascript
微信小程序仿抖音视频之整屏上下切换功能的实现代码
May 24 Javascript
vue-以文件流-blob-的形式-下载-导出文件操作
Aug 07 Javascript
JavaScript实现简单图片切换
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
用php+javascript实现二级级联菜单的制作
2008/05/06 PHP
基于php上传图片重命名的6种解决方法的详细介绍
2013/04/28 PHP
解析左右值无限分类的实现算法
2013/06/20 PHP
PHP中使用break跳出多重循环代码实例
2015/01/21 PHP
PHP中基本HTTP认证技巧分析
2015/03/16 PHP
PHP mysqli_free_result()与mysqli_fetch_array()函数详解
2016/09/21 PHP
PHP页面跳转实现延时跳转的方法
2016/12/10 PHP
php常用日期时间函数实例小结
2019/07/04 PHP
php 使用ActiveMQ发送消息,与处理消息操作示例
2020/02/23 PHP
能说明你的Javascript技术很烂的五个原因分析
2011/10/28 Javascript
js获取select选中的option的text示例代码
2013/12/19 Javascript
node.js中的console.time方法使用说明
2014/12/09 Javascript
JS基于Ajax实现的网页Loading效果代码
2015/10/27 Javascript
jquery+json实现动态商品内容展示的方法
2016/01/14 Javascript
jQuery remove()过滤被删除的元素(推荐)
2017/07/18 jQuery
详解html-webpack-plugin插件(用法总结)
2018/09/12 Javascript
vue 路由子组件created和mounted不起作用的解决方法
2019/11/05 Javascript
原生js实现轮播图特效
2020/05/04 Javascript
python选择排序算法的实现代码
2013/11/21 Python
python实现微信发送邮件关闭电脑功能
2018/02/22 Python
Python实现找出数组中第2大数字的方法示例
2018/03/26 Python
安装2019Pycharm最新版本的教程详解
2019/10/22 Python
python使用numpy实现直方图反向投影示例
2020/01/17 Python
Keras使用tensorboard显示训练过程的实例
2020/02/15 Python
爱尔兰电子产品购物网站:Komplett.ie
2018/04/04 全球购物
有趣、实用和鼓舞人心的产品:Inspire Uplift
2019/11/05 全球购物
英语专业学子个人的自我评价
2013/10/02 职场文书
入党积极分子自我鉴定
2014/02/18 职场文书
销售目标责任书
2014/07/23 职场文书
2014迎接教师节演讲稿
2014/09/10 职场文书
关于远足的感想
2015/08/10 职场文书
严以用权学习心得体会
2016/01/12 职场文书
爱心捐款倡议书:点燃希望,传递温暖
2019/11/04 职场文书
php随机生成验证码,php随机生成数字,php随机生成数字加字母!
2021/04/01 PHP
PHP实现rar解压读取扩展包小结
2021/06/03 PHP
MySQL远程无法连接的一些常见原因总结
2022/09/23 MySQL