JavaScript while循环

JavaScript while循环教程

JavaScript 的 while循环 跟 if 条件判断类似，都是在特定条件满足的情况下，执行相对应的代码，不过，while 循环是只要条件满足，会一直执行代码块的代码，这点又类似于 for循环 。

JavaScript while循环详解

语法

while (cond){
   //do something 
}

说明

当 cond 条件为真时，一直执行 {} 里面的代码块，直到 cond 条件为假，循环结束。

案例

while循环数字

使用 while 循环，遍历数字

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript while循环</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            var num = 0;
            while(num < 3){
                console.log("Num =", num);
                num++;
            }
        </script>
    </head>
</html>

程序运行后，控制台输出如下：

21_javascript while循环.png

首先，我们定义了一个 整型类型 的变量 num，并且赋值为 0，接着使用 while 循环来判断变量 num 是否小于 3，如果小于，则一直执行 {} 的代码块，在 {} 里每次执行后都将 num 变量加 1。

while求和

使用 while 循环，求和

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript while循环</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            var num = 0;
            var sum = 0;
            while(num <= 100){
                sum += num;
                num++;
            }
            console.log("Sum =", sum);
        </script>
    </head>
</html>

程序运行后，控制台输出如下：

22_javascript while循环.png

首先，我们定义了一个整型类型变量 num 和 sum，并且都赋值为 0，接着使用 while 循环来判断变量 num 是否小于等于 100，如果成立，则一直将当前 sum 的值加上 num，并且每次执行后都将 num 变量加 1。

整个 while 循环执行完毕后，执行打印的代码块，输出 Sum 的值。因为打印语句不是在 while 循环的代码块里面，因此打印语句是 while 循环执行完毕才会执行的。

while循环字符串

使用 while 循环，遍历字符串

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript while循环</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            var str = "Hai";
            var i = 0;
            while(i < str.length){
               console.log(str[i]);
               i++;
            }
        </script>
    </head>
</html>

程序运行后，控制台输出如下：

23_javascript while循环.png

首先，我们定义了一个 字符串类型 的变量 str 和一个整型变量 i，接着使用 while 循环来遍历该字符串，遍历的条件是当前的 i 的值小于字符串的长度。

每次遍历后都使用 console 打印当前的遍历的值并且将变量 i 的值加 1。

JavaScript while循环总结

JavaScript 的 while 循环跟 if 条件判断类似，都是在特定条件满足的情况下，执行相对应的代码，不过，while 循环是只要条件满足，会一直执行代码块的代码，这点又类似于 for 循环。JavaScript while循环详解语法：

while (cond){
   //do something 
}