while 循环的基本概念
while 循环是一种基本的循环结构，在满足特定条件的情况下，它会重复执行一组语句。这种循环特别适合于需要重复执行直到某个条件不再满足的情况。
while 循环的语法
while (条件) {
// 要执行的代码块
}- 条件：这是一个布尔表达式，只有当这个条件为真时，循环体内的代码才会被执行。
- 代码块：这是在条件满足时重复执行的代码。
while 循环的工作原理
- 首先，计算条件表达式的值。
- 如果条件为真，则执行循环体中的代码块。
- 完成一次循环后，再次检查条件表达式。
- 如果条件仍然为真，则重复执行代码块。
- 这个过程会一直持续到条件变为假为止。
示例：使用 while 循环打印数字
下面是一个简单的示例，展示如何使用 while 循环来打印从 0 到 4 的数字：
let i = 0;
while (i < 5) {
console.log(i);
i++;
}在这个例子中，i 的初始值为 0，每次循环结束时 i 增加 1。只要 i 小于 5，循环就会继续执行。
注意事项
死循环
如果在循环体内没有改变使条件变为假的变量或状态，while 循环可能会变成死循环。例如：
while (true) {
console.log("这是一个死循环");
}上面的代码将永远输出 "这是一个死循环"，因为条件 true 永远为真，不会退出循环。
控制循环的执行
在某些情况下，我们可能希望在循环内部根据某些情况提前退出循环。可以使用 break 语句来实现这一点：
-- -------------------- ---- -------
--- - - --
----- -- - --- -
-- -- --- -- -
------
-
---------------
----
-在这个例子中，当 i 等于 5 时，循环会立即终止。
使用 while 循环进行用户输入验证
while 循环也可以用于处理用户的输入，确保输入符合预期的要求：
let age;
do {
age = prompt("请输入你的年龄：");
} while (!age || age < 0 || age > 120);
console.log(`你的年龄是 ${age}`);在这个例子中，我们使用了 do...while 循环来保证至少执行一次循环，并且通过条件判断确保输入的年龄是合理的。
综合示例：猜数字游戏
下面是一个使用 while 循环的简单猜数字游戏：
-- -------------------- ---- -------
--- ------------- - ------------------------ - -----
--- ------
---------------- - - -- --------
----- ------ --- -------------- -
----- - -----------------------------
-- ------ --- -------------- -
-----------------------
- ---- -- ------ - -------------- -
--------------------------
- ---- -
--------------------------
-
-在这个示例中，程序会随机生成一个 0 到 99 之间的数字，并提示用户猜测。用户每猜一次，程序会告诉用户猜测的数字是大了还是小了，直到猜中为止。
通过这些示例，我们可以看到 while 循环在不同场景下的应用和灵活性。理解并掌握 while 循环对于编写高效、可读性强的前端代码至关重要。