JavaScript 循环

循环可以多次执行一段代码。

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 (let i = 0; i< cars.length; i++) { 
  text += cars[i] + "<br>";
 }

亲自试一试 »

for 循环

for 语句创建一个循环，其中包含 3 个可选表达式:

for (expr1; expr2; expr) {
// 要执行的代码块
}

exp1 在代码块执行之前执行一次。

exp2 定义了代码块执行的条件。

exp3 在代码块每次执行时执行。

示例

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

亲自试一试 »

exp1 在循环开始前设置一个变量(令 i = 0)。

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

exp3 每次代码块执行完毕后，递增一个值(i++)。

循环作用域

示例

let i = 5;

for (i = 0; i< 10; i++) {
  // 一些代码
}

// 这里 i 是 10

亲自试一试 »

示例

let i = 5;

for (let i = 0; i< 10; i++) {
    // 一些代码
}

// 这里 i 是 5

亲自试一试 »

在第一个例子中，let i = 5; 是在循环外部声明的。

在第二个例子中，let i = 0; 是在循环内部声明的。

当在循环内使用 let 或 const 声明变量时，该变量仅在循环内可见。

while 循环

while 循环会在指定的条件为真时循环执行一段代码。

语法

while (condition) {
  // 要执行的代码块
 }

示例

在下面的示例中，只要变量 (i) 小于 10，循环中的代码就会不断重复运行:

示例

while (i< 10) {
    text += "The number is " + i;
    i++;
}

亲自试一试 »

注意

如果您忘记增加条件语句中使用的变量，循环将永远不会结束。

这将导致浏览器崩溃。

Do While 循环

Do While 循环是 while 循环的一种变体。

Do While 循环会在检查条件是否为真之前执行一次代码块，如果条件为真，则会重复执行循环。

语法

do {
// 要执行的代码块
}
while (condition);

注意

do while 循环至少会执行一次，即使条件从一开始就为假。

这是因为代码块会在条件测试之前执行。

示例

do {
    text += "The number is " + i;
    i++;
 }
while (i< 10);

亲自试一试 »

别忘了递增条件语句中使用的变量，否则循环将永无止境!

JavaScript 教程

JavaScript 循环