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 日期对象Date扩展方法
May 30 Javascript
dropdownlist之间的互相联动实现(显示与隐藏)
Nov 24 Javascript
Jquery动态进行图片缩略的原理及实现
Aug 13 Javascript
Javascript执行效率全面总结
Nov 04 Javascript
JavaScript数组前面插入元素的方法
Apr 06 Javascript
JS文件上传神器bootstrap fileinput详解
Jan 28 Javascript
jQuery中$.grep() 过滤函数 数组过滤
Nov 22 Javascript
浅谈sass在vue注意的地方
Aug 10 Javascript
关于react中组件通信的几种方式详解
Dec 10 Javascript
vue watch监听对象及对应值的变化详解
Feb 24 Javascript
Vue中img的src是动态渲染时不显示的解决
Nov 14 Javascript
react中的DOM操作实现
Jun 30 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 表单提交大量数据发生丢失的解决方法
2014/03/03 PHP
PHP AjaxForm提交图片上传并显示图片源码
2016/11/29 PHP
thinkPHP3.2使用RBAC实现权限管理的实现
2019/08/27 PHP
用JavaScript实现单继承和多继承的简单方法
2009/03/29 Javascript
js,jQuery 排序的实现代码,网页标签排序的实现,标签排序
2011/04/27 Javascript
基于jquery的滚动条滚动固定div(附演示下载)
2012/10/29 Javascript
基于jquery的has()方法以及与find()方法以及filter()方法的区别详解
2013/04/26 Javascript
NodeJS与Mysql的交互示例代码
2013/08/18 NodeJs
JS性能优化笔记搜索整理
2013/08/21 Javascript
JS实现侧悬浮浮动实例代码
2013/11/29 Javascript
比较不错的JS/JQuery显示或隐藏文本的方法
2014/02/13 Javascript
Chrome下ifame父窗口调用子窗口的问题示例探讨
2014/03/17 Javascript
原生js和jQuery随意改变div属性style的名称和值
2014/10/22 Javascript
jQuery中removeAttr()方法用法实例
2015/01/05 Javascript
JavaScript对表格或元素按文本,数字或日期排序的方法
2015/05/26 Javascript
jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码
2015/10/30 Javascript
Ajax验证用户名或昵称是否已被注册
2017/04/05 Javascript
Vue多环境代理配置方法思路详解
2019/06/21 Javascript
Vue 中使用lodash对事件进行防抖和节流操作
2020/07/26 Javascript
wxPython中文教程入门实例
2014/06/09 Python
多个应用共存的Django配置方法
2018/05/30 Python
python交换两个变量的值方法
2019/01/12 Python
PyQt5 窗口切换与自定义对话框的实例
2019/06/20 Python
pytorch 获取tensor维度信息示例
2020/01/03 Python
Ralph Lauren拉夫·劳伦美国官网:带有浓郁美国气息的高品味时装品牌
2017/11/01 全球购物
中专生自我鉴定范文
2013/12/19 职场文书
简历里的自我评价范文
2014/02/24 职场文书
大学生党员自我评价范文
2014/04/09 职场文书
机关党员三严三实心得体会
2014/10/13 职场文书
运动会广播稿200字
2014/10/18 职场文书
岗位竞聘报告范文
2014/11/06 职场文书
大学生自荐书范文
2015/03/05 职场文书
2015年九一八事变纪念日演讲稿
2015/03/19 职场文书
大学生支教感言
2015/08/01 职场文书
详解TS数字分隔符和更严格的类属性检查
2021/05/06 Javascript
基于docker安装zabbix的详细教程
2022/06/05 Servers