js 循环拆词_JavaScript For 循环

JavaScript For 循环

循环可多次执行代码块。

JavaScript 循环

假如您需要运行代码多次，且每次使用不同的值，那么循环(loop)相当方便使用。

通常我们会遇到使用数组的例子：

不需要这样写：text += cars[0] + "
";

text += cars[1] + "
";

text += cars[2] + "
";

text += cars[3] + "
";

text += cars[4] + "
";

text += cars[5] + "
";

您能够这样写：for (i = 0; i 

text += cars[i] + "
";

}

不同类型的循环

JavaScript 支持不同类型的循环：for - 多次遍历代码块

for/in - 遍历对象属性

while - 当指定条件为 true 时循环一段代码块

do/while - 当指定条件为 true 时循环一段代码块

For 循环

for 循环是在您希望创建循环时经常使用的工具。

for 循环的语法如下：for (语句 1; 语句 2; 语句 3) {     要执行的代码块}

语句 1 在循环(代码块)开始之前执行。

语句 2 定义运行循环(代码块)的条件。

语句 3 会在循环(代码块)每次被执行后执行。

实例for (i = 0; i 

text += "数字是 " + i + "
";

}

从上面的代码中，您可以了解到：

语句 1 在循环开始之前设置了一个变量(var i = 0)。

语句 2 定义运行循环的条件(i 必须小于 5)。

语句 3 会在代码块每次执行之后对值进行递增(i++)。

语句 1

通常，您会使用语句 1 来初始化循环中所使用的的变量(i = 0)。

但情况并不总是这样，JavaScript 不会在意。语句 1 是可选的。

您可以在语句 1 中初始化多个值(由逗号分隔)：

实例for (i = 0, len = cars.length, text = ""; i 

text += cars[i] + "
";

}

而且您还可以省略语句 1(比如在循环开始前设置好值)：

实例var i = 2;

var len = cars.length;

var text = "";

for (; i 

text += cars[i] + "
";

}

语句 2

通常语句 2 用于计算初始变量的条件。

但情况并不总是这样，JavaScript 不会在意。语句 2 也是可选的。

如果语句 2 返回 true，那么循环会重新开始，如果返回 false，则循环将结束。

如果省略语句 2，那么必须在循环中提供一个 break。否则循环永远不会结束。请在下一章阅读更多关于 break 的内容。

语句 3

通常语句 3 会递增初始变量的值。

但情况并不总是这样，JavaScript 不会在意。语句 3 也是可选的。

语句 3 可做任何事情，比如负递增(i--)，正递增(i = i + 15)，或者任何其他事情。

语句 3 也可被省略(比如当您在循环内递增值时)：

实例var i = 0;

var len = cars.length;

for (; i 

text += cars[i] + "
";

i++;

}

For/In 循环

JavaScript for/in 语句遍历对象的属性：

实例var person = {fname:"Bill", lname:"Gates", age:62};

var text = "";

var x;

for (x in person) {

text += person[x];

}

While 循环

我们将在下一章学习 while 循环和 do/while 循环。