36 - 控制语句 - do while 循环 - 与 while 循环的区别

前端 - Javascript 《控制语句 - do while 循环 - 与 while 循环的区别》

在 JavaScript 的世界里，循环语句就像是勤劳的小蜜蜂，不知疲倦地重复执行特定的代码块，帮助我们高效地完成各种任务。其中，while 循环和 do while 循环是两种常用的循环结构，它们看似相似，实则有着微妙而重要的区别。今天，就让我们一起来揭开它们的神秘面纱。

1. while 循环

while 循环就像是一个谨慎的守门人，它会先检查条件是否满足，如果满足条件，才会让代码块进入执行。一旦条件不满足，它就会立即停止循环。

下面是一个简单的 while 循环示例，我们要打印从 1 到 5 的数字：

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

在这个例子中，首先定义了一个变量 i 并初始化为 1。然后，while 循环会检查 i <= 5 这个条件是否为真。如果为真，就会执行循环体内的代码，打印出 i 的值，并将 i 的值加 1。每次循环结束后，都会再次检查条件，直到条件不满足为止。

2. do while 循环

do while 循环则像是一个大胆的冒险家，它会先执行一次代码块，然后再检查条件是否满足。也就是说，无论条件一开始是否满足，代码块至少会执行一次。

同样是打印从 1 到 5 的数字，使用 do while 循环的代码如下：

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

在这个例子中，首先会执行 do 后面的代码块，打印出 j 的值，并将 j 的值加 1。然后，再检查 j <= 5 这个条件是否为真。如果为真，就会继续执行循环体；如果为假，循环就会结束。

3. 两者的区别

为了更清晰地对比 while 循环和 do while 循环的区别，我们来看一个极端的例子：

// while 循环
let x = 10;
while (x < 5) {
    console.log(x);
    x++;
}
// do while 循环
let y = 10;
do {
    console.log(y);
    y++;
} while (y < 5);

在这个例子中，while 循环的条件 x < 5 一开始就不满足，所以循环体一次都不会执行。而 do while 循环会先执行一次循环体，打印出 y 的值，然后再检查条件 y < 5，发现条件不满足，循环结束。

我们可以用一个表格来总结它们的区别：
| 循环类型 | 执行顺序 | 最少执行次数 |
| —— | —— | —— |
| while 循环 | 先判断条件，再执行代码块 | 0 次 |
| do while 循环 | 先执行代码块，再判断条件 | 1 次 |

4. 总结

while 循环和 do while 循环在 JavaScript 中都有着各自的用途。当我们不确定代码块是否需要执行时，使用 while 循环是一个不错的选择；而当我们希望代码块至少执行一次时，do while 循环则是更好的选择。通过理解它们的区别，我们可以根据具体的需求选择合适的循环结构，让我们的代码更加高效和灵活。

希望通过这篇文章，你对 while 循环和 do while 循环有了更深入的了解。在未来的编程之旅中，不妨多尝试使用它们，感受它们的魅力。