JavaScript 流程控制-循环之while 循环和do while 循环

目录

一、while 循环

例1、打印人的一生，从1岁到100岁

例2、计算 1 ~ 100 之间所有整数的和

 例3、判断你左边的是人还是狗?

二、do while 循环

例1、询问歌词

---

一、while 循环

1、while 循环 while 语句可以在条件表达式为true的前提下，循环执行指定的一段代码，直到表达式不为true时，结束才循环；

while (条件表达式) {
        // 循环体代码
    }

2、执行思路：

① 先执行条件表达式，如果结果为 true，则执行循环体代码；如果为 false，则退出循环，执行后面的代码；

② 执行循环体代码；

③ 循环体代码执行完毕后，程序会继续判断执行条件表达式，若条件仍为true，则会继续执行循环体，直到循环条件为 false 时，整个循环过程才会结束；

例1、打印人的一生，从1岁到100岁

<script>
        //打印一个人的一生,从1岁~100岁
        var age = 1;
        while (age <= 100) {
            if (age == 1) {
             document.write('这一刻，你出生了');
            } else if (age == 100) {
                document.write('<br/>' + '你离开了人世间!')
            } else {
                document.write('<br/>' + '你现在' + age + '岁了!')
            }
         age++;
        }
    </script>

例2、计算 1 ~ 100 之间所有整数的和

<script>
        //1-100之间所有整数的和
        var sum = 0;
        var num = 1;
        while (num<=100) {
             sum+=num;
             num++;
         }
         document.write('1-100之间所有整数的和为：' + sum);
    </script>

 例3、判断你左边的是人还是狗?

<script>
        var text = prompt('你呼吸的是氢气还是氮气?');
        while (text !== '氮气') {
            text = prompt('你呼吸的是氢气还是氮气?');
        }
        alert('祝贺你，你离死亡不远了!');
    </script>

二、do while 循环

1、do... while 语句其实是 while 语句的一个变体。该循环会先执行一次代码块，然后对条件表达式进行判断，如果条件为真，就会重复执行循环体，否则退出循环；

do {
    // 循环体代码 - 条件表达式为 true 时重复执行循环体代码
       } 
while(条件表达式);

2、执行思路： 

① 先执行一次循环体代码；

② 再执行条件表达式，如果结果为 true，则继续执行循环体代码，如果为 false，则退出循环，继续执行后面代码；

注意：先执行循环体，再判断， do…while 循环语句至少会执行一次循环体 ；

例1、询问歌词

<script>

        do {
            var love = prompt('如果我是天鹅,你还爱我吗？');
        }
        while (love != '爱')
        alert('你做了一个正确的决定！');

    </script>