橘子味的心
标题:JavaScript loop_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定义了循环运行的条件 (i 必须小于 5).

语句3增加值(i++) 每次循环中的代码块都已被执行.


语句 1

通常,您将使用语句1初始化循环中使用的变量 (i = 0).

这是情况并非总是如此,JavaScript不在乎。语句1是可选的.

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

for (i = 0; i < 5; i++) {
    text += "The number is " + 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,则必须在循环中提供一个中断。否则循环永远不会结束。这将使你的浏览器崩溃。在本教程的后面章节阅读有关内容.


语句 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循环将在下一章中讲述。


目录

分类