JavaScript中for循环的使用详解


Posted in Javascript onJune 03, 2015

 我们已经看到,while循环有不同变种。本章将介绍另一种流行的循环叫做for循环。
for 循环

for循环是循环最紧凑的形式,并包含有以下三个重要部分组成:

  1.     循环初始化计数器的初始值。初始化语句执行循环开始之前。
  2.     测试语句,将测试如果给定的条件是真还是假。如果条件为真,那么将要执行的循环中给定的代码,否则循环会退出来。
  3.     循环语句,可以增加或减少计数器。

可以把所有的三个部分中的一行用分号隔开。
语法

for (initialization; test condition; iteration statement){
   Statement(s) to be executed if test condition is true
}

例子:

下面的例子说明一个基本的for循环:

<script type="text/javascript">
<!--
var count;
document.write("Starting Loop" + "<br />");
for(count = 0; count < 10; count++){
 document.write("Current Count : " + count );
 document.write("<br />");
}
document.write("Loop stopped!");
//-->
</script>

这将产生以下结果,它类似于while循环:

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!
Javascript 相关文章推荐
使用Microsoft Ajax Minifier减小JavaScript文件大小的方法
Apr 01 Javascript
表单JS弹出填写提示效果代码
Apr 16 Javascript
script不刷新页面的联动前后代码
Sep 18 Javascript
javascript获取url上某个参数的方法
Nov 08 Javascript
鼠标移入移出事件改变图片的分辨率的两种方法
Dec 17 Javascript
JS实现隐藏同级元素后只显示JS文件内容的方法
Sep 04 Javascript
vue2.0 如何把子组件的数据传给父组件(推荐)
Jan 15 Javascript
深入理解Vue 的钩子函数
Sep 05 Javascript
js获取 gif 的帧数的代码实例
Sep 10 Javascript
vue 实现强制类型转换 数字类型转为字符串
Nov 07 Javascript
vue实现图片按比例缩放问题操作
Aug 11 Javascript
threejs太阳光与阴影效果实例代码
Apr 05 Javascript
详解JavaScript的while循环的使用
Jun 03 #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
You might like
php实现可逆加密的方法
2015/08/11 PHP
javascript 面向对象编程  function是方法(函数)
2009/09/17 Javascript
不同浏览器的怪癖小结
2010/07/11 Javascript
javascript开发技术大全 第4章 直接量与字符集
2011/07/03 Javascript
js替换字符串的所有示例代码
2013/07/23 Javascript
判断滚动条到底部的JS代码
2013/11/04 Javascript
href下载文件根据id取url并下载
2014/05/28 Javascript
js限制文本框只能输入中文的方法
2015/08/11 Javascript
Bootstrap每天必学之前端开发框架
2015/11/19 Javascript
BootStrap中的table实现数据填充与分页应用小结
2016/05/26 Javascript
jQuery原理系列-常用Dom操作详解
2016/06/07 Javascript
详解JavaScript权威指南之对象
2016/09/27 Javascript
JavaScript中的子窗口与父窗口的互相调用问题
2017/02/08 Javascript
jQuery Validate 相关参数及常用的自定义验证规则
2017/03/06 Javascript
JS中type=&quot;button&quot;和type=&quot;submit&quot;的区别
2017/07/04 Javascript
基于 flexible 的 Vue 组件:Toast -- 显示框效果
2017/12/26 Javascript
Bootstrap Paginator+PageHelper实现分页效果
2018/12/29 Javascript
微信小程序实现的picker多级联动功能示例
2019/05/23 Javascript
Vue多环境代理配置方法思路详解
2019/06/21 Javascript
跟老齐学Python之从格式化表达式到方法
2014/09/28 Python
Python编程中实现迭代器的一些技巧小结
2016/06/21 Python
python logging 日志轮转文件不删除问题的解决方法
2016/08/02 Python
用python结合jieba和wordcloud实现词云效果
2017/09/05 Python
解决Django的request.POST获取不到内容的问题
2018/05/28 Python
python安装numpy和pandas的方法步骤
2019/05/27 Python
Django中使用极验Geetest滑动验证码过程解析
2019/07/31 Python
python检测服务器端口代码实例
2019/08/31 Python
pytorch中的transforms模块实例详解
2019/12/31 Python
使用Python3 poplib模块删除服务器多天前的邮件实现代码
2020/04/24 Python
英国家喻户晓的高街品牌:River Island
2017/11/28 全球购物
大学生两会学习心得体会
2014/03/10 职场文书
高三上学期学习自我评价
2014/04/23 职场文书
学校关爱留守儿童活动方案
2014/08/27 职场文书
庆祝国庆节标语
2014/10/09 职场文书
个人培训总结
2015/03/05 职场文书
2016秋季运动会前导词
2015/11/25 职场文书