JavaScript for 循环语句

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

JavaScript for 循环语句介绍

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

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

迭代器 iterator

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

条件

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

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

迭代器

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

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

for ( ; ; ) {
   // statements
}

JavaScript for 循环示例

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

简单的 JavaScript for 循环示例

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

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

输出：

1
3
5
7
9

看看代码是如何运行的。

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

没有初始化器的情况使用 JavaScript for 循环示例

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

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

输出：

1
3
5
7
9
11

没有条件表达式使用 JavaScript for 循环示例

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

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

输出：

1
3
5
7
9
11

没有表达式的 JavaScript for 循环语句示例

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

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

输出：

1
3
5
7
9

没有循环体的 JavaScript for 循环示例

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

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

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

输出：

55

结论

• 使用 JavaScript for语句创建一个循环，for 循环使用各种选项执行指定的语句。

myfreax

微信公众号

支付宝打赏