一、JavaScript while 循环

while 循环是 JavaScript 中的一种控制流语句，用于在指定条件为 true 时，重复执行一段代码。当条件不再满足时，循环会停止。

基本语法

while (condition) {
    // 循环体，执行的代码
}

• condition：循环条件，表示每次循环前需要检查的条件。只要条件为 true，循环会继续执行；一旦条件为 false，循环停止。

示例：基本的 while 循环

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

输出：

0
1
2
3
4

在这个例子中，i 从 0 开始，每次循环 i 自增 1，直到 i 不再小于 5 时停止循环。

循环流程分析

1. 初始化变量 i = 0。
2. 每次执行前检查 i < 5 是否为 true。只要为 true，就继续执行循环体。
3. 每次执行循环体时，i 的值会增加 1。
4. 当 i 等于 5 时，i < 5 的条件不再成立，循环结束。

---

二、while 循环的其他应用

无限循环

如果循环条件始终为 true，那么 while 循环将会变成一个无限循环。这通常用于等待某个条件变化或响应事件时。

let count = 0;
while (true) {
    console.log("这是第 " + count + " 次");
    count++;
    if (count === 5) {
        break;  // 当 count 达到 5 时，退出循环
    }
}

输出：

这是第 0 次
这是第 1 次
这是第 2 次
这是第 3 次
这是第 4 次

在这个例子中，while (true) 会导致一个无限循环，但通过 if 语句判断 count 是否等于 5，当满足条件时，用 break 语句退出循环。

while 循环遍历数组

while 循环也可以用来遍历数组。通过手动管理索引来访问数组元素。

let fruits = ["apple", "banana", "cherry"];
let i = 0;

while (i < fruits.length) {
    console.log(fruits[i]);
    i++;
}

输出：

apple
banana
cherry

在这个例子中，我们通过 i 来访问数组中的每个元素，并且每次循环 i 都会自增。

---

三、与 for 循环的对比

• for 循环通常用于当我们知道循环次数时，或者需要通过索引访问元素时。
• while 循环更适用于循环次数不固定，直到某个条件满足为止的情况。它的循环条件可以是任何表达式，通常用于等待某个事件发生或直到某个状态改变。

---

总结

• while 循环适用于当循环的次数不固定，直到某个条件不再满足时才退出的情况。
• 循环条件必须确保最终会变成 false，否则会造成无限循环。
• while 循环在处理动态条件或者未知循环次数时非常有用。

更多详细内容请关注其他相关文章！