11 控制结构之循环语句

在前一篇关于控制结构之条件语句中，我们学习了如何使用 if、else 和 switch 等条件结构来控制代码的执行流。今天，我们将深入探讨另一种控制结构——循环语句。循环是一种强大的工具，可以帮助我们重复执行代码块，直到满足特定条件为止。

循环语句的种类

JavaScript 提供了几种不同的循环语句，最常用的有三种：for 循环、while 循环和 do...while 循环。下面我们将逐一介绍它们。

1. for 循环

for 循环是一种最常见的循环结构，适用于需要在事先知道循环次数的情况下。基本语法如下：

for (初始表达式; 条件; 更新表达式) {
    // 循环体
}

示例

假设我们想打印数字 1 到 5：

for (let i = 1; i <= 5; i++) {
    console.log(i);
}

在这个例子中，let i = 1 是初始表达式；i <= 5 是循环条件；i++ 是更新表达式。输出结果将会是：

1
2
3
4
5

2. while 循环

while 循环在进入循环之前只检查条件，如果条件为真，则执行循环体内的代码。基本语法如下：

while (条件) {
    // 循环体
}

示例

接下来，我们再看一个使用 while 循环的例子。假设我们要打印数字 1 到 5，可以这样写：

let i = 1;
while (i <= 5) {
    console.log(i);
    i++;
}

在这个例子中，我们先初始化 i，然后通过 while 循环来打印数字直到 i 大于 5。输出同样是：

1
2
3
4
5

3. do...while 循环

do...while 循环和 while 循环类似，唯一的区别在于条件检查是在循环体执行之后，因此无论条件是否为真，循环体至少会执行一次。基本语法如下：

do {
    // 循环体
} while (条件);

示例

让我们用 do...while 循环打印数字 1 到 5：

let i = 1;
do {
    console.log(i);
    i++;
} while (i <= 5);

这段代码确保了至少会打印一次 1，然后继续打印其他数字。输出结果也是：

1
2
3
4
5

循环的控制

在使用循环时，可能会需要某些控制结构来提前终止循环或跳过某一次迭代。JavaScript 提供了 break 和 continue 两个关键字来达到这些目的。

break 语句

break 用于立即终止循环。例如，我们想在数字 3 时跳出循环：

for (let i = 1; i <= 5; i++) {
    if (i === 3) {
        break; // 当 i 等于 3 时，终止循环
    }
    console.log(i);
}

输出将是：

1
2

continue 语句

continue 则是跳过当前迭代，继续执行下一次循环。例如，我们想在遇到数字 3 时跳过它：

for (let i = 1; i <= 5; i++) {
    if (i === 3) {
        continue; // 当 i 等于 3 时，跳过这次迭代
    }
    console.log(i);
}

输出结果将是：

1
2
4
5

总结

本章探讨了 JavaScript 循环语句的三种主要类型：for、while 和 do...while，以及它们的相关控制语句如 break 和 continue。理解这些循环结构是编写高效、动态代码的基本要素。

在下篇文章中，我们将继续学习控制结构之 switch 语句，进一步丰富我们的 JavaScript 知识。希望大家保持好奇心，实践是最好的老师。继续加油！