33 - 控制语句 - while 循环 - 先判断后执行的循环

前端 - Javascript 《控制语句 - while 循环 - 先判断后执行的循环》

在 JavaScript 的世界里，控制语句就像是一群神奇的小魔法师，它们能让代码按照我们的意愿有条不紊地运行。今天，我们要结识其中一位重要的魔法师——while 循环，它可是先判断后执行的循环高手。

什么是 while 循环

while 循环就像是一个严格的门卫，每次在让你进入某个地方之前，都会先检查你是否满足条件。只有当条件满足时，才会允许你进入（执行循环体中的代码），并且会不断重复这个检查和进入的过程，直到条件不满足为止。

基本语法

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

示例解释

条件是一个布尔表达式，如果结果为 true，就会执行循环体中的代码；执行完循环体后，会再次检查条件，如果仍然为 true，就会继续执行循环体，如此反复，直到条件变为 false 为止。

生动有趣的例子

假设我们要举办一场吃苹果大赛，规定只要参赛者的肚子还能装下苹果（用一个变量 stomachCapacity 表示），就可以继续吃苹果（用一个变量 applesEaten 表示吃的苹果数量）。下面是用 while 循环实现的代码：

// 初始肚子的容量为 5 个苹果
let stomachCapacity = 5;
// 初始吃的苹果数量为 0
let applesEaten = 0;
while (applesEaten < stomachCapacity) {
    console.log(`我吃了第 ${applesEaten + 1} 个苹果！`);
    applesEaten++;
}
console.log(`我吃饱啦，一共吃了 ${applesEaten} 个苹果！`);

在这个例子中，while 循环会先检查 applesEaten 是否小于 stomachCapacity。如果满足条件，就会执行循环体中的代码，打印出吃苹果的信息，并将 applesEaten 的值加 1。然后再次检查条件，直到 applesEaten 不再小于 stomachCapacity 为止。

总结表格

无限循环的陷阱

需要注意的是，如果不小心让 while 循环的条件永远为 true，就会陷入无限循环的陷阱。比如下面这段代码：

while (true) {
    console.log('我停不下来啦！');
}

这段代码会一直打印 我停不下来啦！，直到浏览器崩溃或者你手动停止程序。所以，在使用 while 循环时，一定要确保循环条件最终会变为 false。

总之，while 循环是 JavaScript 中一个非常实用的控制语句，它能帮助我们实现很多需要重复执行的任务。只要掌握了它的基本用法和注意事项，就能让我们的代码更加灵活和强大。现在，快去试试用 while 循环来解决你遇到的问题吧！