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 nextSibling 与 getNextElement(node) 使用介绍
Oct 13 Javascript
javascript 另一种图片滚动切换效果思路
Apr 20 Javascript
jquery中使用循环下拉菜单示例代码
Sep 24 Javascript
简介JavaScript中toTimeString()方法的使用
Jun 12 Javascript
jQuery插件EasyUI校验规则 validatebox验证框
Nov 29 Javascript
AngularJS中实现显示或隐藏动画效果的方式总结
Dec 31 Javascript
js学习之----深入理解闭包
Nov 21 Javascript
jQuery层级选择器_动力节点节点Java学院整理
Jul 04 jQuery
浅谈vue的iview列表table render函数设置DOM属性值的方法
Sep 30 Javascript
bootstrap datetimepicker控件位置异常的解决方法
Nov 23 Javascript
jquery 插件重新绑定的处理方法分析
Nov 23 jQuery
Webpack的Loader和Plugin的区别
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
PHP syntax error, unexpected $end 错误的一种原因及解决
2008/10/25 PHP
PHP运行时强制显示出错信息的代码
2011/04/20 PHP
php方法调用模式与函数调用模式简例
2011/09/20 PHP
php处理文件的小例子(解压缩,删除目录)
2013/02/03 PHP
php中flush()、ob_flush()、ob_end_flush()的区别介绍
2013/02/17 PHP
10 个经典PHP函数
2013/10/17 PHP
PHP学习笔记(二):变量详解
2015/04/17 PHP
PHP实现获取第一个中文首字母并进行排序的方法
2017/05/09 PHP
PHP对称加密算法(DES/AES)类的实现代码
2017/11/14 PHP
PHP Swoole异步读取、写入文件操作示例
2019/10/24 PHP
关于使用runtimeStyle属性问题讨论文章
2007/03/08 Javascript
用 Javascript 验证表单(form)中的单选(radio)值
2009/09/08 Javascript
浅谈javascript中基本包装类型
2015/06/03 Javascript
js实现类似MSN提示的页面效果代码分享
2015/08/24 Javascript
jquery背景跟随鼠标滑动导航
2015/11/20 Javascript
JS定时器实现数值从0到10来回变化
2016/12/09 Javascript
canvas 绘制圆形时钟
2017/02/22 Javascript
Angular 2父子组件之间共享服务通信的实现
2017/07/04 Javascript
对vue里函数的调用顺序介绍
2018/03/17 Javascript
在vue-cli的组件模板里使用font-awesome的两种方法
2018/09/28 Javascript
在vue中使用express-mock搭建mock服务的方法
2018/11/07 Javascript
countUp.js实现数字动态变化效果
2019/10/17 Javascript
JS实现百度搜索框关键字推荐
2020/02/17 Javascript
《javascript设计模式》学习笔记五:Javascript面向对象程序设计工厂模式实例分析
2020/04/08 Javascript
Jquery高级应用Deferred对象原理及使用实例
2020/05/28 jQuery
JavaScript实现移动端拖动元素
2020/11/24 Javascript
vue3弹出层V3Popup实例详解
2021/01/04 Vue.js
批处理与python代码混合编程的方法
2016/05/19 Python
简介Python的collections模块中defaultdict类型的用法
2016/07/07 Python
pandas 条件搜索返回列表的方法
2018/10/30 Python
numpy.transpose()实现数组的转置例子
2019/12/02 Python
吃透移动端 Html5 响应式布局
2019/12/16 HTML / CSS
北美领先的智能产品购物网站:Wellbots
2018/06/11 全球购物
质检部经理岗位职责
2014/02/19 职场文书
解约证明模板
2015/06/19 职场文书
2019年妇科护士的自我鉴定(3篇)
2019/09/26 职场文书