JavaScript for 循环

本文最后更新于：2024年3月18日 凌晨

JavaScript for 循环

  • 循环可以将代码块执行指定的次数。
  • 不同类型的循环。
    • for - 循环代码块一定的次数。
    • for/in - 循环遍历对象的属性。
    • while - 当指定的条件为 true 时循环指定的代码块。
    • do/while - 同样当指定的条件为 true 时循环指定的代码块。

For 循环

1
2
3
4
for （语句 1; 语句 2; 语句 3)
{
  被执行的代码块。
}
  • 语句 1 （代码块）开始前执行。
  • 语句 2 定义运行循环（代码块）的条件。
  • 语句 3 在循环（代码块）已被执行之后执行。
1
2
3
4
for (var i=0;i<cars.length;i++)
{
    document.write(cars[i] + "<br>");
}

等同于：

1
2
3
4
5
6
document.write(cars[0] + "<br>");
document.write(cars[1] + "<br>");
document.write(cars[2] + "<br>");
document.write(cars[3] + "<br>");
document.write(cars[4] + "<br>");
document.write(cars[5] + "<br>");

For/In 循环

  • JavaScript for/in 语句循环遍历对象的属性：
1
2
3
4
5
6
var person={fname:"Bill",lname:"Gates",age:56};

for (x in person)  // x 为属性名。
{
    txt=txt + person[x];
}

while 循环

  • while 循环会在指定条件为真时循环执行代码块。
1
2
3
4
while （条件）
{
  需要执行的代码。
}

do/while 循环

  • do/while 循环是 while 循环的变体，该循环会在检查条件是否为真之前执行一次代码块，然后如果条件为真的话，就会重复这个循环。
1
2
3
4
5
do
{
    需要执行的代码。
}
while （条件）;

break 语句

  • break 语句可用于跳出循环。
  • break 语句跳出循环后，会继续执行该循环之后的代码（如果有的话）:
1
2
3
4
5
6
7
8
for (i=0;i<10;i++)
{
    if (i==3)
    {
        break;
    }
    x=x + "The number is " + i + "<br>";
}

continue 语句

  • continue 语句中断循环中的迭代，如果出现了指定的条件，然后继续循环中的下一个迭代，该例子跳过了值 3:
1
2
3
4
5
for (i=0;i<=10;i++)
{
    if (i==3) continue;
    x=x + "The number is " + i + "<br>";
}

JavaScript 标签

  • 如需标记 JavaScript 语句，请在语句之前加上冒号：
1
2
label:
statements
  • break 和 continue 语句仅仅是能够跳出代码块的语句。
1
2
3
break labelname;

continue labelname;
  • continue 语句（带有或不带标签引用）只能用在循环中。
  • break 语句（不带标签引用），只能用在循环或 switch 中。
  • 通过标签引用，break 语句可用于跳出任何 JavaScript 代码块：

实例

1
2
3
4
5
6
7
8
9
10
11
cars=["BMW","Volvo","Saab","Ford"];
list:
{
    document.write(cars[0] + "<br>");
    document.write(cars[1] + "<br>");
    document.write(cars[2] + "<br>");
    break list;
    document.write(cars[3] + "<br>");
    document.write(cars[4] + "<br>");
    document.write(cars[5] + "<br>");
}