详解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 相关文章推荐
Extjs4 关于Store的一些操作(加载/回调/添加)
Apr 18 Javascript
js动态添加删除,后台取数据(示例代码)
Nov 25 Javascript
JavaScript代码轻松实现网页内容禁止复制(代码简单)
Oct 23 Javascript
详解jQuery选择器
Dec 21 Javascript
javascript 使用正则test( )第一次是 true,第二次是false
Feb 22 Javascript
Vue.js:使用Vue-Router 2实现路由功能介绍
Feb 22 Javascript
AngularJs导出数据到Excel的示例代码
Aug 11 Javascript
jQuery实现的鼠标响应缓冲动画效果示例
Feb 13 jQuery
JS 使用 window对象的print方法实现分页打印功能
May 16 Javascript
vue.js中toast用法及使用toast弹框的实例代码
Aug 27 Javascript
jQuery实现的老虎机跑动效果示例
Dec 29 jQuery
vue-video-player视频播放器使用配置详解
Oct 23 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中Object对象的笔记分享
2011/06/28 PHP
PHP数据的提交与过滤基本操作实例详解
2016/11/11 PHP
js 表单验证方法(实用)
2009/04/28 Javascript
JavaScript中null与undefined分析
2009/07/25 Javascript
jquery select下拉框操作的一些说明
2010/04/02 Javascript
Jquery遍历节点的方法小集
2014/01/22 Javascript
Select标签下拉列表二级联动级联实例代码
2014/02/07 Javascript
javascript的解析执行顺序在各个浏览器中的不同
2014/03/17 Javascript
JavaScript中的类与实例实现方法
2015/01/23 Javascript
JavaScript使用DeviceOne开发实战(三)仿微信应用
2015/12/02 Javascript
详解javascript事件冒泡
2016/01/09 Javascript
jQuery基础的工厂函数以及定时器的经典实例分析
2016/05/20 Javascript
JS中的进制转换以及作用
2016/06/26 Javascript
如何快速上手Vuex
2017/02/14 Javascript
Webpack优化配置缩小文件搜索范围
2017/12/25 Javascript
详解vue2.0+vue-video-player实现hls播放全过程
2018/03/02 Javascript
linux 后台运行node服务指令方法
2018/05/23 Javascript
详解vue如何使用rules对表单字段进行校验
2018/10/17 Javascript
基于vue2.0实现仿百度前端分页效果附实现代码
2018/10/30 Javascript
elementui之el-tebs浏览器卡死的问题和使用报错未注册问题
2019/07/06 Javascript
Python内置函数的用法实例教程
2014/09/08 Python
把项目从Python2.x移植到Python3.x的经验总结
2015/04/20 Python
基于循环神经网络(RNN)的古诗生成器
2018/03/26 Python
在linux系统下安装python librtmp包的实现方法
2019/07/22 Python
CSS3实现菜单悬停效果
2020/11/17 HTML / CSS
HTML5中Localstorage的使用教程
2015/07/09 HTML / CSS
英国蛋糕装饰用品一站式商店:Craft Company
2019/03/18 全球购物
STP的判定过程
2012/10/01 面试题
大学校庆邀请函
2014/01/11 职场文书
先进事迹报告会主持词
2014/04/02 职场文书
公司合作协议书范本
2014/04/18 职场文书
计算机应用专业毕业生求职信
2014/06/03 职场文书
企业法人任命书
2015/09/21 职场文书
自定义函数实现单词排序并运用于PostgreSQL(实现代码)
2021/04/22 PostgreSQL
Go 在 MongoDB 中常用查询与修改的操作
2021/05/07 Golang
Redis基本数据类型List常用操作命令
2022/06/01 Redis