JavaScript while和do while循环语句的用法（附带实例）

在 JavaScript 程序中，对于一些需要反复执行并且有规律的代码，可以采用循环结构进行编写。循环结构能够使代码结构更加清晰，有效减少重复代码。

JavaScript 提供了 3 种循环结构，分别是 for、while 和 do…while。其中，while 和 do while 循环的用法很相似，本节就带大家系统学习它们的用法。

JavaScript while循环

while循环根据循环条件的真假决定是否执行循环体，语法格式为：

while(循环条件){
     循环代码块;
}

while 循环在每次循环前先判断循环条件，如果条件为真，则执行代码块，否则跳出循环。

【实例 1】一张厚度为 0.1 毫米的足够大的纸，对折多少次以后才能达到珠穆朗玛峰的高度（8844.43米）？

var h = 0.1;
var count = 0;  // 折叠次数
while (h < 8844430) {
    h = h * 2;
    count++;
}
console.log(count);

在 Chrome 浏览器控制台中的运行结果为：

27

JavaScript do while循环

do while 循环是 while 循环的变种。在 do while 循环中，无论循环条件是否为真，都会至少执行一次代码块。

do while循环的语法格式为：

do{
     循环代码块;
}while(循环条件);

【实例】猜数字游戏。

var random = 8;
do {
    var num = prompt('你来猜？ 请输入 1~10 的一个数字');
    if (num > random) {
        console.log('输入的值' + num + '猜大了');
    } else if (num < random) {
        console.log('输入的值' + num + '猜小了');
    } else {
        console.log('输入的值' + num + '猜对了');
    }
} while (num != random);

程序中变量 random 代表用户要猜的一个数字，值为 8。变量 num 保存用户输入的值，循环条件为“num != random”。在循环体中，首先弹出输入框获取用户输入值，然后判断输入值 num 和 random 的关系，如果相等则循环结束，输入框消失。

在输入框中依次输入 2、9 和 8，程序在 Chrome 浏览器控制台中的运行结果如下图所示：

while和do while的区别

while 和 do while 的区别是：while 循环首先判断循环条件是否成立，条件不满足不执行循环体；do while 循环先执行循环体，再判断循环条件是否成立，即使条件不成立，也执行了一次循环体。

先看一个 while 循环的实例程序：

var n = 10;
while (n < 10) {
    console.log(n);
}

运行结果：

无输出

再来看 do while 循环的实例程序：

var n = 10;
do {
    console.log(n);
} while (n < 10);

运行结果：

10

对比上述两个实例，n 的初值相同，循环条件和循环体也相同，但结果不同。