Javascript while循环

本文将详细讲解 JavaScript while 循环，涵盖基本的 while 循环、do...while 循环以及一些常见的应用场景。

一、什么是 while 循环？

while 循环是 JavaScript 中的另一种基本循环结构，用于重复执行一段代码块，直到满足某个条件为止。与 for 循环不同，while 循环在进入循环体之前评估条件，如果条件为真，则执行循环体；如果为假，则直接跳过循环体。

二、基本语法

while 循环的基本语法如下：

while (条件表达式) {
    // 代码块
}

• 条件表达式：在每次循环迭代之前评估，如果条件为真，则执行代码块；如果为假，则退出循环。

三、示例

1. 打印 1 到 5

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

在这个例子中，i 从 1 开始，每次循环后 i 增加 1，当 i 大于 5 时，循环停止。

2. 计算用户输入的数字之和

let sum = 0;
let input;

while (true) {
    input = prompt("请输入一个数字（或输入'quit'退出）：");
    if (input === 'quit') {
        break;
    }
    let number = parseFloat(input);
    if (!isNaN(number)) {
        sum += number;
    } else {
        console.log("请输入一个有效的数字。");
    }
}

console.log("总和是：" + sum);

在这个例子中，我们使用 while (true) 创建了一个无限循环，直到用户输入 'quit' 为止。每次循环中，我们提示用户输入一个数字，并将其添加到总和中。如果用户输入的不是数字，我们会输出一个错误消息。

四、do...while 循环

do...while 循环与 while 循环类似，但不同之处在于它至少会执行一次代码块，然后在每次迭代之前评估条件。

基本语法如下：

do {
    // 代码块
} while (条件表达式);

• 条件表达式：在每次循环迭代之后评估，如果条件为真，则再次执行代码块；如果为假，则退出循环。

1. 确保至少执行一次的循环

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

在这个例子中，即使 i 最初不满足条件（i < 5），代码块也会执行一次，因为 do...while 循环至少会执行一次。

五、常见的应用场景

1. 用户输入验证

while 循环常用于用户输入的验证，直到用户输入满足特定条件为止。

let password;
while (true) {
    password = prompt("请输入密码（至少6个字符）：");
    if (password.length >= 6) {
        break;
    }
    console.log("密码太短，请重新输入。");
}
console.log("密码验证通过！");

2. 遍历数组

虽然 for 循环更常用于遍历数组，但 while 循环也可以实现相同的功能。

let numbers = [1, 2, 3, 4, 5];
let i = 0;
while (i < numbers.length) {
    console.log(numbers[i]);
    i++;
}

六、注意事项

1. 避免无限循环：确保条件表达式能够在某个时刻变为假，否则会导致无限循环。使用 break 语句可以跳出循环。
2. 变量作用域：使用 let 或 const 声明循环变量，以避免变量提升和意外的全局变量。
3. 性能考虑：尽量避免不必要的复杂条件判断，以提高代码的执行效率。

总结

while 循环和 do...while 循环是 JavaScript 中用于重复执行代码块的重要工具。通过掌握基本的循环语法和常见的应用场景，你可以编写出更加灵活和高效的代码。希望这篇教程对你有所帮助！

本文地址：https://www.tides.cn/p_js-while