JavaScript for 循环

摘要：在本教程中，您将学习如何使用 JavaScript for 循环语句创建具有多种选项的循环。

JavaScript for 循环语句简介

for 循环语句创建带有三个可选表达式的循环。以下是 for 循环语句的语法

for (initializer; condition; iterator) {
    // statements
}Code language: JavaScript (javascript)

1) 初始化程序

for 语句仅在循环开始时执行一次 initializer。通常，您在初始化程序中声明并初始化一个局部循环变量。

2) 条件

condition 是一个布尔表达式，它决定 for 是否应该执行下一次迭代。

for 语句在每次迭代之前都会评估 condition。如果条件为 true（或不存在），则执行下一次迭代。否则，它将结束循环。

3) 迭代器

for 语句在每次迭代之后都会执行 iterator。

以下流程图说明了 for 循环

在 for 循环中，这三个表达式是可选的。以下是没有任何表达式的 for 循环

for ( ; ; ) {
   // statements
}Code language: JavaScript (javascript)

JavaScript for 循环示例

让我们看一些使用 for 循环语句的示例。

1) 一个简单的 JavaScript for 循环示例

以下示例使用 for 循环语句将数字 1 到 4 显示到控制台

for (let i = 1; i < 5; i++) {
  console.log(i);
}
Code language: JavaScript (javascript)

输出

1
2
3
4

它是如何工作的。

• 首先，声明一个变量 counter 并将其初始化为 1。
• 其次，如果 counter 小于 5，则在控制台中显示 counter 的值。
• 第三，在每次循环迭代中将 counter 的值增加 1。

2) 使用没有初始化程序的 JavaScript for 循环示例

以下示例使用没有初始化程序表达式的 for 循环

let j = 1;
for (; j < 10; j += 2) {
  console.log(j);
}
Code language: JavaScript (javascript)

输出

1
3
5
7
9

3) 使用没有条件的 JavaScript for 循环示例

类似于 initializer 表达式，condition 表达式是可选的。如果省略 condition 表达式，则需要使用 break 语句来终止循环。

for (let j = 1; ; j += 2) {
  console.log(j);
  if (j > 10) {
    break;
  }
}
Code language: JavaScript (javascript)

输出

1
3
5
7
9
11

3) 使用没有表达式的 JavaScript for 循环语句示例

for 循环语句的所有三个表达式都是可选的。因此，您可以省略所有这些。例如

let j = 1;
for (;;) {
  if (j > 10) {
    break;
  }
  console.log(j);
  j += 2;
}
Code language: JavaScript (javascript)

输出

1
3
5
7
9

4) 使用没有循环体 JavaScript for 循环示例

JavaScript 允许 for 语句有一个空语句。在这种情况下，您将分号 (;) 放在 for 语句之后。

例如，以下使用 for 循环计算从 1 到 10 的 10 个数字的总和

let sum = 0;
for (let i = 0; i <= 9; i++, sum += i);
console.log(sum);Code language: JavaScript (javascript)

输出

55

摘要

• 使用 JavaScript for 语句创建循环，该循环使用各种选项执行代码块。