JavaScript for 循环语句

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

JavaScript for 循环语句介绍

for 循环语句创建一个包含三个可选表达式的循环。下面说明 for 循环语句的语法：

for (initializer; condition; iterator) {
    // statements
}

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

condition 是一个布尔表达式，用于确定 for 循环语句是否执行下一次迭代。

for 语句在每次迭代之前评估 condition 表达式。如果条件是 true ，它将执行下一次迭代。否则，它将结束循环。

for 循环语句在每次迭代后执行 iterator 。以下流程图说明 for循环：

javascript for 循环

在 for 循环中，三个表达式是可选的。下面的示例展示没有任何表达式的 for 循环：

for ( ; ; ) {
   // statements
}

让我们举一些使用 for 循环语句的例子。

以下示例使用 for 循环语句向控制台打印从 1 到 4 的数字：

let j = 1;
for (; j < 10; j += 2) {
  console.log(j);
}

输出：

看看代码是如何运行的。

以下示例展示如何使用一个没有初始化表达式的 for 循环：

for (let j = 1; ; j += 2) {
  console.log(j);
  if (j > 10) {
    break;
  }
}

输出：

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

for (let j = 1; ; j += 2) {
  console.log(j);
  if (j > 10) {
    break;
  }
}

输出：

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

let j = 1;
for (;;) {
  if (j > 10) {
    break;
  }
  console.log(j);
  j += 2;
}

输出：

JavaScript 允许 for 语句有空语句。在这种情况下，您可以在 for 语句后立即放置一个分号 ;。

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

let sum = 0;
for (let i = 0; i <= 9; i++, sum += i);
console.log(sum);

输出：