Javascript中while和do-while循环用法详解
while循环
while 语句与 if 语句相似,都有条件来控制语句(或语句块)的执行,其语言结构基本相同:
while(conditions){
statements;
}
while 语句与 if 语句的不同之处在于:在if条件假设语句中,若逻辑条件表达式为真,则运行statements语句(或语句块),且仅运行一次;while 循环语句则是在逻辑条件表达式为真的情况下,反复执行循环体内包含的语句(或语句块)。
注意:while语句的循环变量的赋值语句在循环体前,循环变量更新则放在循环体内;for循环语句的循环变量赋值和更新语句都在for后面的小括号中,在编程中应注意二者的区别。
【例3-5】用while()循环来计算1+2+3 ... +98+99+100的值:
代码如下 复制代码
<html>
<head>
<title>计算1+2+3 ... +98+99+100的值</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
var total=0;
var i=1;
while(i<=100){
total+=i;
i++;
}
alert(total);
</script>
</body>
</html>
在某些情况下,while循环大括号内的statements语句(或语句块)可能一次也不被执行,因为对逻辑条件表达式的运算在执行statements语句(或语句块)之前。若逻辑条件表达式运算结果为假,则程序直接跳过循环而一次也不执行statements语句(或语句块)。
do...while循环
若希望至少执行一次statements语句(或语句块),可改用do…while语句,其基本语法结构如下:
do { www.111cn.net
statements;
}while(condition);
【例3-6】用do-while()循环来计算1+2+3 ... +98+99+100的值:
代码如下 复制代码
<html>
<head>
<title>计算1+2+3 ... +98+99+100的值</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
var total=0;
var i=1;
do{
total+=i;
i++;
}while(i<=100);
alert(total);
</script>
</body>
</html>
for、while、do…while三种循环语句具有基本相同的功能,在实际编程过程中,应根据实际需要和本着简单易懂的原则来选择循环语句。
do while实例
代码如下 复制代码
<html>
<head>
<title> www.111cn.net 一个使用到do...while循环的Javascript示例</title>
</head>
<body>
<p>
<script type="text/javascript">
i = 0
do
{
document.write( i + "<br>")
i++
}
while (i <= 5)
</script>
数字是 0
数字是 1
数字是 2
数字是 3
数字是 4
数字是 5
解释:
i 等于 0。
循环首先会运行。
每循环一次,i 就会累加 1。
当 i 小于或等于 5 时,循环会继续运行。
javascrpt while
代码如下 复制代码
<script type="text/javascript">
i = 0
while (i <= 5)
{
document.write("数字是 " + i)
document.write("<br>")
i++
}
</script>
数字是 0
数字是 1
数字是 2
数字是 3
数字是 4
数字是 5
解释:
i 等于 0。
当 i 小于或等于 5 时,循环将继续运行。
循环每运行一次,i 会累加 1。
Javascript示例代码解释:这个Javascript示例用到了do...while循环语句。
循环语句允许重复执行一行或数行代码,do后面跟的是重复执行的代码,while后面跟的是终止循环的条件。这个Javascript示例中,设一个变量为i,i初始值为0,i++表示每次重复执行后i的值就加1,终止循环条件为while (i <= 5),也就是说,一旦i的值大于5,就终止循环。该示例中,重复循环的语句是while循环里面的document.write语句。
从上面的实例我们可以看出来关于js while ,do while 它们之间的区别。
更多详细内容请查看:http://www.111cn.net/wy/js-ajax/54892.htm
Javascript中while和do-while循环用法详解的更多相关文章
- CSS中伪类及伪元素用法详解
CSS中伪类及伪元素用法详解 伪类的分类及作用: 注:该表引自W3School教程 伪元素的分类及作用: 接下来让博主通过一些生动的实例(之前的作业或小作品)来说明几种常用伪类的用法和效果,其他的 ...
- Python中生成器和yield语句的用法详解
Python中生成器和yield语句的用法详解 在开始课程之前,我要求学生们填写一份调查表,这个调查表反映了它们对Python中一些概念的理解情况.一些话题("if/else控制流" ...
- SVN组成中trunk,branches and tags功能用法详解
SVN组成中trunk,branches and tags功能用法详解 我相信初学开发在SVN作为版本管理时,都估计没可能考虑到如何灵活的运用SVN来管理开发代码的版本,下面我就摘录一篇文章来简单说 ...
- javascript中的Base64.UTF8编码与解码详解
javascript中的Base64.UTF8编码与解码详解 本文给大家介绍的是javascript中的Base64.UTF8编码与解码的函数源码分享以及使用范例,十分实用,推荐给小伙伴们,希望大家能 ...
- javascript中的字符串编码、字符串方法详解
js中的字符串是一种类数组,采用UTF-16编码的Unicode字符集,意味字符串的每个字符可用下标方式获取,而每个字符串在内存中都是一个16位值组成的序列.js对字符串的各项操作均是在对16位值进行 ...
- javascript中的apply,call,bind详解
apply.call 在 javascript 中,call 和 apply 都是为了改变某个函数运行时的上下文(context)而存在的,换句话说,就是为了改变函数体内部 this 的指向. Jav ...
- JavaScript中的Function(函数)对象详解
JavaScript中的Function对象是函数,函数的用途分为3类: 作为普通逻辑代码容器: 作为对象方法: 作为构造函数. 1.作为普通逻辑代码容器 function multiply(x, y ...
- Javascript中Function,Object,Prototypes,__proto__等概念详解
http://anykoro.sinaapp.com/2012/01/31/javascript%E4%B8%ADfunctionobjectprototypes__proto__%E7%AD%89% ...
- GOF提出的23种设计模式是哪些 设计模式有创建形、行为形、结构形三种类别 常用的Javascript中常用设计模式的其中17种 详解设计模式六大原则
20151218mark 延伸扩展: -设计模式在很多语言PHP.JAVA.C#.C++.JS等都有各自的使用,但原理是相同的,比如JS常用的Javascript设计模式 -详解设计模式六大原则 设计 ...
随机推荐
- 蓝桥杯--Quadratic Equation
蓝桥杯--Quadratic Equation 问题描述 求解方程ax2+bx+c=0的根.要求a, b, c由用户输入,并且可以为任意实数. 输入格式:输入只有一行,包括三个系数,之间用空格格开. ...
- Java学习备忘录
1.工程名首字母可以小写,类名首字母大写 2.批量注释: Eclipse : ctrl+/ 如果不行 用 ctrl+7 或者 ctrl+shift+c Notepad++ : ctrl+q 或者 c ...
- “WinMount”和“云端”真是相当好用!
WinMount作为一款压缩文件管理以及虚拟光驱工具已经无敌了.更有两项功能相当好用: 1.将rar.zip等压缩文件直接虚拟成磁盘,也就是下载一个7G的游戏可以不用解压直接安装了! 2.右键压缩文件 ...
- BZOJ 2588: Spoj 10628. Count on a tree 树上跑主席树
2588: Spoj 10628. Count on a tree Time Limit: 1 Sec Memory Limit: 256 MB 题目连接 http://www.lydsy.com/J ...
- ural 1998 The old Padawan
先预处理每一个点往前退几步 就一个trick..要处理这一秒已经超出了要拿完所花的时间 #include <iostream> #include <cstring> #incl ...
- LINUX 内核2
http://blog.csdn.net/acs713/article/category/1363650
- 【ZZ】MySql语句大全:创建、授权、查询、修改等
http://blog.csdn.net/evankaka/article/details/45580845
- linux之centos安装xampp
一.xampp下载地址: http://downloads.sourceforge.net/project/xampp/XAMPP%20Linux/5.5.19/xampp-linux-x64-5.5 ...
- PhpCMS标签:专题模块special标签
专题模块 专题模块PC标签调用说明 模块名:special 模块提供的可用操作 操作名 说明 lists 专题列表 content_list 专题信息列表 hits 专题信息点击排序 下面对所有的操作 ...
- linux乱码问题
命令输入: export LANG=zh_CN.GBK grep 匹配时高亮 先执行:export GREP_OPTIONS='--color=auto'; 后执行:grep 匹配内容 文件; 描述: ...