最新的Web开发教程
 

JavaScript For循环


循环可以执行的代码块的次数。


JavaScript的循环

循环是很方便,如果你想一遍又一遍运行相同的代码,用不同的值各一次。

通常这是使用数组时的情况:

而是写:

text += cars[0] + "<br>";
text += cars[1] + "<br>";
text += cars[2] + "<br>";
text += cars[3] + "<br>";
text += cars[4] + "<br>";
text += cars[5] + "<br>";

你可以写:

for (i = 0; i < cars.length; i++) {
    text += cars[i] + "<br>";
}
试一试»

循环的不同类型

JavaScript的支持不同类型的循环:

  • for -通过一个代码块循环的次数
  • for/in -遍历一个对象的属性
  • while -遍历一个代码块,而指定条件为真
  • do/while -也遍历一个代码块,而指定条件为真

For循环

for循环往往是,当你想创建一个循环,你会使用的工具。

for循环的语法如下:

for (statement 1; statement 2; statement 3) {
   code block to be executed
}

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

声明2定义为运行循环(代码块)的条件。

声明3环路(代码块)已经执行后,每次执行。

for (i = 0; i < 5; i++) {
    text += "The number is " + i + "<br>";
}
试一试»

从上面的例子,你可以阅读:

声明1套在循环开始之前变量(var i = 0)

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

语句3增加一个值(i++)中的每个环中的代码块已经被执行的时间。


声明1

通常你会用语句1启动在循环使用的变量(i = 0)

这并非总是如此,JavaScript不关心。 声明1是可选的。

您可以在声明中1(以逗号分隔)发起多个值:

for (i = 0, len = cars.length, text = ""; i < len; i++) {
    text += cars[i] + "<br>";
}
试一试»

和(在循环开始前,当你的值设置等),你可以省略的语句1:

var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) {
    text += cars[i] + "<br>";
}
试一试»

声明2

常语句2是用来评价初始变量的条件。

这并非总是如此,JavaScript不关心。 声明2也是可选的。

如果语句2返回true,循环将重新开始,如果返回false,循环将结束。

如果省略语句2,你必须提供一个break的循环中。 否则,循环将永远不会结束。 这会崩溃您的浏览器。 阅读有关本教程的后面章节休息。


声明3

通常声明3增加了初始变量。

这并非总是如此,JavaScript的不关心和语句3是可选的。

声明3可以像负增量东西(i--)正的增量(i = i + 15)或其他任何东西。

声明3也可以省略(就像当你增加循环中的值):

var i = 0;
var len = cars.length;
for (; i < len; ) {
    text += cars[i] + "<br>";
    i++;
}
试一试»

For/In循环

中的JavaScript for/in语句遍历一个对象的属性:

var person = {fname:"John", lname:"Doe", age:25};

var text = "";
var x;
for (x in person) {
    text += person[x];
}
试一试»

While循环

while循环和do/while循环将在下一章解释。


自测练习用!

练习1» 练习2» 练习3» 练习4» 练习5» 练习6»