一、while循环是什么？

想象一下，你有一个任务：需要重复做某件事，直到达到某个条件才停止。比如：

在编程中，while循环就是做类似的事情：只要条件满足，就重复执行代码块。

二、while循环语法

while (条件) {
    // 要重复执行的代码
}

详细解释：

1. while关键字：告诉JavaScript下面要开始一个循环

2. 条件（括号内的部分）：每次循环前检查的条件，必须是一个布尔值（true或false）

3. 花括号 {}：包含要重复执行的代码块

let count = 1;  // 初始化计数器

while (count <= 5) {  // 条件：count小于等于5
    console.log(count);
    count++;  // 更新计数器（重要！）
}

三、while循环执行流程

执行步骤详解：

1. 计算条件表达式（结果是true或false）
2. 如果条件为true，执行花括号内的代码
3. 执行完代码块后，再次检查条件
4. 如果条件仍为true，重复步骤2和3
5. 如果条件为false，跳出循环，执行后面的代码

四、重要！避免无限循环

常见错误：忘记更新循环变量

// 危险！会无限循环的例子
let num = 1;
while (num <= 5) {
    console.log(num);
    // 忘记写 num++，num永远等于1，条件永远成立
}

如何避免无限循环？

• 确保循环内有改变条件的语句
• 使用break语句作为安全阀（后面会讲）
• 测试时先尝试小数值

五、循环控制：break和continue

break语句

立即跳出整个循环（即使条件还没变成false）

let i = 1;
while (i <= 10) {
    if (i === 5) {
        break;  // 当i等于5时跳出循环
    }
    console.log(i);
    i++;
}
// 输出：1 2 3 4

continue语句

跳过本次循环剩余的代码，直接开始下一次循环

let j = 0;
while (j < 5) {
    j++;
    if (j === 3) {
        continue;  // 跳过本次循环
    }
    console.log(j);
}
// 输出：1 2 4 5（跳过了3）

六、while循环常见用途

• 用户输入验证：直到用户输入正确的值为止
• 游戏循环：游戏运行直到玩家失败或退出
• 读取数据：从文件或网络读取直到没有数据
• 动画效果：持续移动元素直到到达目标位置
• 等待条件：等待某个资源加载完成

// 假设这是一个简单的密码检查
let password;
while (password !== "123456") {  // 直到输入正确密码
    password = prompt("请输入密码：");  // 弹出输入框
}
alert("登录成功！");

七、while循环 vs do-while循环

八、练习题

let sum = 0;
let num = 1;
while (num <= 10) {
    sum += num;
    num++;
}
console.log(sum); // 55

const fruits = ['苹果', '香蕉', '橙子'];
let i = 0;
while (i < fruits.length) {
    console.log(fruits[i]);
    i++;
}

let n = 1;
while (n <= 100) {
    if (n % 7 === 0) {
        console.log(n);
        break; // 找到第一个就停止
    }
    n++;
}
// 输出：7

九、总结

• while循环：只要条件为真，就重复执行代码
• 核心三要素：初始化变量 → 循环条件 → 更新变量
• 切记： 避免无限循环，循环体内必须改变循环条件
• break用于立即退出整个循环
• continue用于跳过本次循环剩余代码
• 当不确定循环次数但知道终止条件时，while循环特别有用