重复

在编程中，重复执行一条指令或一组指令是一种常见现象，称为循环。例如，假设我们希望程序完成以下任务：

• 逐行读取文档或数据文件，直到文件末尾。

• 使用颜色值逐像素绘制图像，以在屏幕上显示图像。

• 依次遍历变量集合中的每个元素来处理其值。

• 对多个数值应用公式以计算结果。

for–of 循环

假设我们要显示从 $0$ 到 $4$ 的整数。我们可以简单地使用 console.log() 语句逐个输出这些数字。我们也可以使用一个变量，通过不断改变该变量的值来重复记录其值，如下所示：

上述代码清楚地展示了 console.log(a); 的重复使用。使用单个变量的好处是，我们可以将这种重复转换为 for 循环。在 JavaScript 中，我们使用 for 循环来对固定次数的迭代执行某个操作。让我们通过下面的程序来演示这一点：

for 循环导致 第 1 行和第 2 行 被重复执行五次。因此，我们可以说这个循环有五次迭代。

在上面的代码中：

• 我们使用变量 a 来接收 of 操作符提供的值。

• 操作符 of 在每次迭代中从 [0, 1, 2, 3, 4] 中依次取出一个值。

• 循环体中只包含一条语句：console.log(a);。

注意： 我们使用大括号 { 和 } 包裹循环体。如果循环体中只有一条语句，则可以省略大括号。

循环体中只有一条可重复执行的语句，因此当循环遍历 [0, 1, 2, 3, 4] 时，console.log(a); 会执行五次。

让我们举一个生成前五个非负偶数的例子——0、2、4、6 和 8。

在上述代码中，包裹 第 2 行和第 3 行 的大括号表明这两行是循环体的内容。

简单循环练习

以下是几个用于练习在 JavaScript 中编写 for 循环的示例程序。“显示答案”按钮将提供一种可能的解决方案。你可以将给出的代码复制粘贴到代码编辑器中运行，以验证你的输出是否与参考答案一致。编程中可能存在多种正确的实现方式。

奇数

编写一个程序，显示前五个奇数：$1$、$3$、$5$、$7$ 和 $9$。

如果你需要提示，向 AI 助教提问是个不错的选择。

1// 在此处编写你的代码

你可以在上方的代码编辑器中运行以下代码：

1for (let i of [1, 2, 3, 4, 5]) {
2    console.log(i * 2 - 1);
3}

等差数列

等差数列 是一组有序的数，其中任意相邻两项之间的差值相同。

编写一个程序，显示等差数列的前五项：$0$、$5$、$10$、$15$ 和 $20$。

1// 在此处编写你的代码

你可以在上方的代码编辑器中运行以下代码：

1for (let i of [0, 1, 2, 3, 4]) {
2    console.log(i * 5);
3}

调和数列

调和数列 是一组有序的数，其中任意相邻两项的倒数之差相同。

编写一个程序，显示调和数列的前五项：$1/2$、$1/4$、$1/6$、$1/8$ 和 $1/10$。

你可以在上方的代码编辑器中运行以下代码：

1for (let i of [1, 2, 3, 4, 5]) {
2    console.log("1/" + (i * 2));
3}

等比数列

等比数列 是一组有序的数，其中任意相邻两项之间存在固定的乘数关系。

编写一个程序，显示等比数列的前五项：$1$、$3$、$9$、$27$ 和 $81$。

你可以在上方的代码编辑器中运行以下代码：

1for (let i of [0, 1, 2, 3, 4]) {
2    console.log(3 ** i);
3}