详解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中使用Math.PI圆周率属性的方法
Jun 14 Javascript
jQuery+HTML5实现图片上传前预览效果
Aug 20 Javascript
JavaScript优化专题之Loading and Execution加载和运行
Jan 20 Javascript
JQuery和PHP结合实现动态进度条上传显示
Nov 23 Javascript
js oncontextmenu事件使用详解
Mar 25 Javascript
如何将你的AngularJS1.x应用迁移至React的方法
Feb 01 Javascript
JS实现为动态添加的元素增加事件功能示例【基于事件委托】
Mar 21 Javascript
Vue 处理表单input单行文本框的实例代码
May 09 Javascript
JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转
Nov 25 Javascript
在Uni中使用Vue的EventBus总线机制操作
Jul 31 Javascript
vue实现简单计算商品价格
Sep 14 Javascript
JavaScript实现弹出窗口效果
Dec 09 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 array_merge下进行数组合并的代码
2008/07/22 PHP
PHP抽象类 介绍
2012/06/13 PHP
destoon供应信息title调用出公司名称的方法
2014/08/22 PHP
php使用file函数、fseek函数读取大文件效率对比分析
2016/11/04 PHP
PHP使用PhpSpreadsheet操作Excel实例详解
2020/03/26 PHP
JS的IE和Firefox兼容性集锦
2006/12/11 Javascript
JavaScript中的运算符种类及其规则介绍
2013/09/26 Javascript
textarea不能通过maxlength属性来限制字数的解决方法
2014/09/01 Javascript
在浏览器中打开或关闭JavaScript的方法
2015/06/03 Javascript
javascript文本模板用法实例
2015/07/31 Javascript
javascript中SetInterval与setTimeout的定时器用法
2015/08/24 Javascript
AngularJS中监视Scope变量以及外部调用Scope方法
2016/01/23 Javascript
Nodejs Stream 数据流使用手册
2016/04/17 NodeJs
easyui window refresh 刷新两次的解决方法(推荐)
2016/05/18 Javascript
js鼠标按键事件和键盘按键事件用法实例汇总
2016/10/03 Javascript
在JSP中如何实现MD5加密的方法
2016/11/02 Javascript
vue最简单的前后端交互示例详解
2018/10/11 Javascript
NodeJS加密解密及node-rsa加密解密用法详解
2018/10/12 NodeJs
详解ES6 系列之异步处理实战
2018/10/26 Javascript
详解@Vue/Cli 3 Invalid Host header 错误解决办法
2019/01/02 Javascript
压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)
2020/02/03 Javascript
详解微信小程序工程化探索之webpack实战
2020/04/20 Javascript
uniapp 仿微信的右边下拉选择弹出框的实现代码
2020/07/12 Javascript
[01:13]这,就是刀塔
2014/07/16 DOTA
[02:02]特效爆炸!DOTA2珍宝之瓶待你开启
2018/08/21 DOTA
python爬取网站数据保存使用的方法
2013/11/20 Python
Python创建二维数组实例(关于list的一个小坑)
2017/11/07 Python
Python字典常见操作实例小结【定义、添加、删除、遍历】
2019/10/25 Python
HTML5 Canvas实现放大镜效果示例
2020/03/25 HTML / CSS
DELPHI面试题研发笔试试卷
2015/11/08 面试题
法人代表授权委托书
2014/04/08 职场文书
民主评议党员自我鉴定
2014/10/21 职场文书
深入开展党的群众路线教育实践活动心得体会
2014/11/05 职场文书
Django实现drf搜索过滤和排序过滤
2021/06/21 Python
MySQL 分区表中分区键为什么必须是主键的一部分
2022/03/17 MySQL
Golang入门之计时器
2022/05/04 Golang