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 相关文章推荐
javascript SocialHistory 检查访问者是否访问过某站点
Aug 02 Javascript
Extjs EditorGridPanel中ComboBox列的显示问题
Jul 04 Javascript
关于js拖拽上传 [一个拖拽上传修改头像的流程]
Jul 13 Javascript
event.X和event.clientX的区别分析
Oct 06 Javascript
父元素与子iframe相互获取变量和元素对象的具体实现
Oct 15 Javascript
将查询条件的input、select清空
Jan 14 Javascript
jQuery自定义数值抽奖活动代码
Jun 11 Javascript
移动端基础事件总结与应用
Jan 12 Javascript
微信小程序 生命周期和页面的生命周期详细介绍
Jan 19 Javascript
Javascript中toFixed计算错误(依赖银行家舍入法的缺陷)解决方法
Aug 22 Javascript
浅谈Vue3.0之前你必须知道的TypeScript实战技巧
Sep 11 Javascript
es5 类与es6中class的区别小结
Nov 09 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
处理单名多值表单的详解
2013/06/08 PHP
ThinkPHP写数组插入与获取最新插入数据ID实例
2014/11/03 PHP
PHP如何通过传引用的思想实现无限分类(代码简单)
2015/10/13 PHP
php基于jquery的ajax技术传递json数据简单实例
2016/04/15 PHP
php版微信小店调用api示例代码
2016/11/12 PHP
Yii框架实现图片上传的方法详解
2017/05/20 PHP
PHP十六进制颜色随机生成器功能示例
2017/07/24 PHP
jQuery初学:find()方法及children方法的区别分析
2011/01/31 Javascript
JavaScript中数组对象的那些自带方法介绍
2013/03/12 Javascript
javascript包装对象实例分析
2015/03/27 Javascript
JavaSciprt中处理字符串之sup()方法的使用教程
2015/06/08 Javascript
浅谈jQuery为哪般去掉了浏览器检测
2016/08/29 Javascript
Bootstrap 3 按钮标签实例代码
2017/02/21 Javascript
基于BootStrap multiselect.js实现的下拉框联动效果
2017/07/28 Javascript
利用JQUERY实现多个AJAX请求等待的实例
2017/12/14 jQuery
JS实现DOM节点插入操作之子节点与兄弟节点插入操作示例
2018/07/30 Javascript
Nodejs环境实现socket通信过程解析
2020/07/03 NodeJs
原生js实现购物车
2020/09/23 Javascript
vue+echarts+datav大屏数据展示及实现中国地图省市县下钻功能
2020/11/16 Javascript
JavaScript 中的执行上下文和执行栈实例讲解
2021/02/25 Javascript
[03:27]最受玩家喜爱奖提名:PZH_Element 致玩家寄语
2016/12/20 DOTA
Python中的默认参数详解
2015/06/24 Python
python实现K最近邻算法
2018/01/29 Python
pyspark.sql.DataFrame与pandas.DataFrame之间的相互转换实例
2018/08/02 Python
Django 自动生成api接口文档教程
2019/11/19 Python
django有外键关系的两张表如何相互查找
2020/02/10 Python
Python基于gevent实现文件字符串查找器
2020/08/11 Python
CSS3 :nth-child()伪类选择器实现奇偶行显示不同样式
2013/11/05 HTML / CSS
英国计算机商店:Technextday
2019/12/28 全球购物
精细化工应届生求职信
2013/11/17 职场文书
共产党员承诺书
2014/03/25 职场文书
机关党员进社区活动总结
2014/07/05 职场文书
2015年度残疾人工作总结
2015/05/14 职场文书
幼儿园大班开学寄语(2015秋季)
2015/05/27 职场文书
关于环保的宣传稿
2015/07/23 职场文书
一文搞懂MySQL索引页结构
2022/02/28 MySQL