详解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 delete 属性的使用
Oct 08 Javascript
js解决弹窗问题实现班级跳转DIV示例
Jan 06 Javascript
jQuery使用$.get()方法从服务器文件载入数据实例
Mar 25 Javascript
javascript实现类似于新浪微博搜索框弹出效果的方法
Jul 27 Javascript
JavaScript中利用各种循环进行遍历的方式总结
Nov 10 Javascript
bootstrap使用validate实现简单校验功能
Dec 02 Javascript
MUI  Scroll插件的使用详解
Apr 13 Javascript
微信小程序request出现400的问题解决办法
May 23 Javascript
vue.js加载新的内容(实例代码)
Jun 01 Javascript
开发中常用的25个JavaScript单行代码(小结)
Jun 28 Javascript
js实现计时器秒表功能
Dec 16 Javascript
基于vue中的scoped坑点解说
Sep 04 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
声音就能俘获人心,蕾姆,是哪个漂亮小姐姐配音呢?
2020/03/03 日漫
php获取随机数组列表的方法
2014/11/13 PHP
PHP5.4起内置web服务器使用方法
2016/08/09 PHP
phpStudy中升级MySQL版本到5.7.17的方法步骤
2017/08/03 PHP
PHP实现的简单组词算法示例
2018/04/10 PHP
thinkPHP5框架实现多数据库连接,跨数据连接查询操作示例
2019/05/29 PHP
jQuery1.5.1 animate方法源码阅读
2011/04/05 Javascript
JS实现定时自动关闭DIV层提示框的方法
2015/05/11 Javascript
JavaScript实现LI列表数据绑定的方法
2015/08/04 Javascript
jQuery拖动元素并对元素进行重新排序
2015/12/30 Javascript
jquery trigger实现联动的方法
2016/02/29 Javascript
基于BootStrap Metronic开发框架经验小结【八】框架功能总体界面介绍
2016/05/12 Javascript
JQuery学习总结【一】
2016/12/01 Javascript
JS Select下拉框(支持输入模糊查询)
2017/02/04 Javascript
layui分页效果实现代码
2017/05/19 Javascript
从零开始学习搭建React脚手架项目
2018/08/23 Javascript
其实你可以少写点if else与switch(推荐)
2019/01/10 Javascript
element-ui 本地化使用教程详解
2019/10/28 Javascript
[16:27]DOTA2 HEROS教学视频教你分分钟做大人-艾欧
2014/06/11 DOTA
[45:32]Liquid vs LGD 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
python和C语言混合编程实例
2014/06/04 Python
朴素贝叶斯算法的python实现方法
2014/11/18 Python
在Python中将函数作为另一个函数的参数传入并调用的方法
2019/01/22 Python
python pytest进阶之xunit fixture详解
2019/06/27 Python
pandas read_excel()和to_excel()函数解析
2019/09/19 Python
Python 去除字符串中指定字符串
2020/03/05 Python
python 实现逻辑回归
2020/12/30 Python
吃透移动端 Html5 响应式布局
2019/12/16 HTML / CSS
捷克家电和家具购物网站:OKAY.cz
2020/07/23 全球购物
体育教师自荐信范文
2013/12/16 职场文书
大学生学习党课思想汇报
2014/01/03 职场文书
校园安全检查制度
2014/02/03 职场文书
计算机专业求职信
2014/06/02 职场文书
2016年党校科级干部培训班学习心得体会
2016/01/06 职场文书
2016年学校“3.12”植树节活动总结
2016/03/16 职场文书
Python+腾讯云服务器实现每日自动健康打卡
2021/12/06 Python