JavaScript While 循环基础教程


Posted in Javascript onApril 05, 2007

while 循环

While 循环会在指定条件为真时循环执行代码块。

语法

while (条件)
{
需要执行的代码
}

实例
本例中的循环将继续运行,只要变量 i 小于 5:

while (i<5)
 {
 x=x + "The number is " + i + "<br>";
 i++;
 }

提示:如果您忘记增加条件中所用变量的值,该循环永远不会结束。该可能导致浏览器崩溃。

do/while 循环

do/while 循环是 while 循环的变体。该循环会执行一次代码块,在检查条件是否为真之前,然后如果条件为真的话,就会重复这个循环。

语法

do
 {
 需要执行的代码
 }
while (条件);

实例
下面的例子使用 do/while 循环。该循环至少会执行一次,即使条件是 false,隐藏代码块会在条件被测试前执行:

do
 {
 x=x + "The number is " + i + "<br>";
 i++;
 }
while (i<5);

别忘记增加条件中所用变量的值,否则循环永远不会结束!

比较 for 和 while
如果您已经阅读了前面那一章关于 for 循环的内容,您会发现 while 循环与 for 循环很像。

for 语句实例
本例中的循环使用 for 循环来显示 cars 数组中的所有值:

cars=["BMW","Volvo","Saab","Ford"];
var i=0;
for (;cars[i];)
{
document.write(cars[i] + "<br>");
i++;
}

while 语句实例
本例中的循环使用使用 while 循环来显示 cars 数组中的所有值:

cars=["BMW","Volvo","Saab","Ford"];
var i=0;
while (cars[i])
{
document.write(cars[i] + "<br>");
i++;
}

好了,这篇文章就介绍到这了,希望对大家有帮助。

Javascript 相关文章推荐
(currentStyle)javascript为何有时用style得不到已设定的CSS的属性
Aug 15 Javascript
Jquery uploadify图片上传插件无法上传的解决方法
Dec 16 Javascript
更快的异步执行(setTimeout多浏览器)
Aug 12 Javascript
jquery选择器简述
Aug 31 Javascript
Vue.js每天必学之指令系统与自定义指令
Sep 07 Javascript
详解Node.Js如何处理post数据
Sep 19 Javascript
详解网站中图片日常使用以及优化手法
Jan 09 Javascript
详解react-native WebView 返回处理(非回调方法可解决)
Feb 27 Javascript
微信小程序 Animation实现图片旋转动画示例
Aug 22 Javascript
Vue动态加载异步组件的方法
Nov 21 Javascript
angular 用Observable实现异步调用的方法
Dec 27 Javascript
vue实现购物车结算功能
Jun 18 Javascript
脚本之家贴图转换+转贴工具用到的js代码超级推荐
Apr 05 #Javascript
javascript判断单选框或复选框是否选中方法集锦
Apr 04 #Javascript
javascript中巧用“闭包”实现程序的暂停执行功能
Apr 04 #Javascript
ArrayList类(增强版)
Apr 04 #Javascript
Javascript中的数学函数
Apr 04 #Javascript
Some tips of wmi scripting in jscript (1)
Apr 03 #Javascript
记录几个javascript有关的小细节
Apr 02 #Javascript
You might like
PHP的面试题集
2006/11/19 PHP
PHP中usort在值相同时改变原始位置问题的解决方法
2011/11/27 PHP
php随机取mysql记录方法小结
2014/12/27 PHP
php 解决substr()截取中文字符乱码问题
2016/07/18 PHP
Laravel中使用Queue的最基本操作教程
2017/12/27 PHP
Jquery插件写法笔记整理
2012/09/06 Javascript
JavaScript递归操作实例浅析
2016/10/31 Javascript
Javascript中的prototype与继承
2017/02/06 Javascript
详解JavaScript中js对象与JSON格式字符串的相互转换
2017/02/14 Javascript
Angular.Js中过滤器filter与自定义过滤器filter实例详解
2017/05/08 Javascript
AngularJS  ng-repeat遍历输出的用法
2017/06/19 Javascript
JavaScript实现的原生态Tab标签页功能【兼容IE6】
2017/09/18 Javascript
Bootstrap Tooltip显示换行和左对齐的解决方案
2017/10/11 Javascript
web前端vue filter 过滤器
2018/01/12 Javascript
vue.js实现会动的简历(包含底部导航功能,编辑功能)
2019/04/08 Javascript
微信小程序基础教程之worker线程的使用方法
2019/07/15 Javascript
基于Vue实现微前端的示例代码
2020/04/24 Javascript
vue实现的多页面项目如何优化打包的步骤详解
2020/07/19 Javascript
如何在Express4.x中愉快地使用async的方法
2020/11/18 Javascript
pytyon 带有重复的全排列
2013/08/13 Python
Python编程中的反模式实例分析
2014/12/08 Python
用实例详解Python中的Django框架中prefetch_related()函数对数据库查询的优化
2015/04/01 Python
将Django框架和遗留的Web应用集成的方法
2015/07/24 Python
python实现微信跳一跳辅助工具步骤详解
2018/01/04 Python
Windows下pycharm创建Django 项目(虚拟环境)过程解析
2019/09/16 Python
websocket+sockjs+stompjs详解及实例代码
2018/11/30 HTML / CSS
美体小铺美国官网:The Body Shop美国
2017/11/10 全球购物
加拿大领先的牛仔零售商:Bluenotes
2018/01/22 全球购物
敏捷开发的主要原则都有哪些
2015/04/26 面试题
laravel使用redis队列实例讲解
2021/03/23 PHP
医务人员竞聘职务自我评价分享
2013/11/08 职场文书
我的梦想演讲稿500字
2014/08/21 职场文书
政风行风评议个人心得体会
2014/10/29 职场文书
劳动合同变更协议书范本
2019/04/18 职场文书
利用Java设置Word文本框中的文字旋转方向的实现方法
2021/06/28 Java/Android
http通过StreamingHttpResponse完成连续的数据传输长链接方式
2022/02/12 Python