首页>>网站建设>>HTML>>事件属性

JavaScript for 循环

在前面说到了JavaScript的条件控制语句，本节说的是JavaScript流程控制语句。流程控制语句是用来控制JavaScript程序执行顺序的，比如说如果您希望一遍又一遍地运行相同的代码，并且每次的值都不同，那么使用循环是很方便的。

一、JavaScript 循环

在JavaScript中，循环控制语句有四种：

1、for - 循环代码块一定的次数

2、for/in - 循环遍历对象的属性

3、while - 当指定的条件为 true 时循环指定的代码块

4、do/while - 同样当指定的条件为 true 时循环指定的代码块

二、JavaScript中的for 循环

1、语法：

for (语句 1; 语句 2; 语句 3)
{
    被执行的代码块
}

语句 1 （代码块）开始前执行，一般用来定义一个常量用于循环次数控制初始值；

语句 2 定义运行循环（代码块）的条件，一般与语句1联合使用

语句 3 在循环（代码块）已被执行之后执行，一般用于中止循环的上限设置

2、JavaScript使用实例：

for (var i=0; i<10; i++)
{
      x=x + "本次输出值为 " + i + "<br>";
}

执行上述JavaScript程序会得到以下结果：

本次输出值为 0
本次输出值为 1
本次输出值为 2
本次输出之为 3
本次输出值为 4
本次输出值为 5
本次输出值为 6
本次输出值为 7
本次输出值为 8
本次输出值为 9

3、结合实例分析JavaScript程序

在上述实例中的

语句1是:var i=0

语句2是：i<10

语句3是：i++

其中语句1实在循环之前执行的，所以i在循环执行前被赋值为0，然后循环开始执行；

第一次执行时，i=0是小于10的，所以条件成立，开始执行花括号里面的语句，输出“本次输出值为 0”，程序执行完成，开始执行语句3，i++，之后i的值变为了1；

第二次执行时，i=1是小于10的，所以条件成立，开始执行花括号里面的语句，输出“本次输出值为 1”，程序执行完成，开始执行语句3，i++，之后i的值变为了2；

...

第十次执行时，i=9是小于10的，所以条件成立，开始执行花括号里面的语句，输出“本次输出值为 9”，程序执行完成，开始执行语句3，i++，之后i的值变为了10；

第十一次执行时.i=10,是不小于10的，所以条件不成立，程序循环完成。

三、for/in 循环

var mihu={name:"mihu",age:25}; 
for (x in mihu)  // x 为属性名
{
    txt=txt + mihu[x];
}

JavaScript程序会执行两次，第一次x被赋值为name，第二次赋值为age。

for in循环就相当于把数组里面的每个键名拿出来循环一次，直到数组循环结束。

学习不止眼前的教程与笔记还需实践与创新——小伙伴们块动手试试吧~