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 相关文章推荐
jQuery select控制插件
Aug 17 Javascript
JavaScript 语言的递归编程
May 18 Javascript
jquery实现按Enter键触发事件示例
Sep 10 Javascript
jQuery元素选择器用法实例
Dec 23 Javascript
javascript实现数组中的内容随机输出
Aug 11 Javascript
谈谈我对JavaScript中typeof和instanceof的深入理解
Dec 25 Javascript
微信小程序 自定义对话框实例详解
Jan 20 Javascript
解析Angular 2+ 样式绑定方式
Jan 15 Javascript
JavaScript实现删除数组重复元素的5种常用高效算法总结
Jan 18 Javascript
vue-cli项目修改文件热重载失效的解决方法
Sep 19 Javascript
VSCode插件安装完成后的配置(常用配置)
Aug 24 Javascript
javascript实现点击按钮切换轮播图功能
Sep 23 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
DOM XPATH获取img src值的query
2013/09/23 PHP
PHP中数据库单例模式的实现代码分享
2014/08/21 PHP
php跨服务器访问方法小结
2015/05/12 PHP
php支持中文字符串分割的函数
2015/05/28 PHP
node.js中的querystring.escape方法使用说明
2014/12/10 Javascript
js实现字符串转日期格式的方法
2015/05/20 Javascript
node.js+express制作网页计算器
2016/01/17 Javascript
jQuery表单验证插件解析(推荐)
2016/07/21 Javascript
基于vue2.0+vuex+localStorage开发的本地记事本示例
2017/02/28 Javascript
Vue.js中兄弟组件之间互相传值实例
2017/06/01 Javascript
React Native仿美团下拉菜单的实例代码
2017/08/08 Javascript
微信小程序实现自动定位功能
2018/10/31 Javascript
Vue动态加载异步组件的方法
2018/11/21 Javascript
vue实现的上拉加载更多数据/分页功能示例
2019/05/25 Javascript
JS开发 富文本编辑器TinyMCE详解
2019/07/19 Javascript
layui实现三级导航菜单
2019/07/26 Javascript
js实现树形数据转成扁平数据的方法示例
2020/02/27 Javascript
浅谈vue中$event理解和框架中在包含默认值外传参
2020/08/07 Javascript
Python运行的17个时新手常见错误小结
2012/08/07 Python
Python进行数据提取的方法总结
2016/08/22 Python
Python标准库sched模块使用指南
2017/07/06 Python
对Python中DataFrame按照行遍历的方法
2018/04/08 Python
Python多重继承的方法解析执行顺序实例分析
2018/05/26 Python
python爬虫 execjs安装配置及使用
2019/07/30 Python
django admin 自定义替换change页面模板的方法
2019/08/23 Python
Pandas —— resample()重采样和asfreq()频度转换方式
2020/02/26 Python
Python venv虚拟环境配置过程解析
2020/07/08 Python
Python Opencv图像处理基本操作代码详解
2020/08/31 Python
Python实现异步IO的示例
2020/11/05 Python
Linux如何为某个操作添加别名
2013/03/01 面试题
临床医学应届生求职信
2013/11/06 职场文书
一年级学生评语
2014/04/23 职场文书
室内设计专业自荐信
2014/05/31 职场文书
困难补助申请报告
2015/05/19 职场文书
HTML中的表单Form实现居中效果
2021/05/25 HTML / CSS
linux下安装redis图文详细步骤
2021/12/04 Redis