4.while循环

最新推荐文章于 2024-07-06 16:47:02 发布

这一片月

最新推荐文章于 2024-07-06 16:47:02 发布

阅读量275

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/qq_62865634/article/details/132171076

版权

1、while语句的语法结构如下：

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

1.1while语法结构

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

执行思路：

1、执行思路当条件表达式结果为true 则执行循环体否则退出循环体

2、里面应该也有计算器初始化变量里面应该也有操作表达式完成计算器的更新防止死循环。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>while循环</title>
    <script>
        // 1、while循环语法结构  while 当。。。的时候
        // 语法：
        // while(条件表达式){
        //     // 循环体
        // }
        // 2、执行思路   当条件表达式结果为true 则 执行循环体  否则  退出循环体
        // 3、代码验证：
        var num = 1;
        while (num <= 100) {
            console.log('你好');
            num++;
        }
        // 4、里面应该也有计算器  初始化变量
        // 5、里面应该也有操作表达式  完成计算器的更新  防止死循环

    </script>
</head>
<body>
    
</body>
</html>

案例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>while案例</title>
    <script>
        // 1、while循环案例
        // 1、打印人的一生，从1岁到100岁
        var sum = 1;
        while (sum <= 100) {
            console.log('今年'+ sum +'岁');
        } 

        // 2、计算1-100之间所有整数的和
        var sum = 0;
        var j = 1;
        while (j <= 100) {
            sum += j;
            j++;
        }
        // console.log(sum);
        // 3、弹出一个提示框，你还爱我吗？ 如果输入我爱你，就提示结束，否则，一直询问
        var tsk = alert('你还爱我吗？');
        var ags = prompt('你还爱我吗？');
        while (ags != '我爱你') {
            // 输入框不等于我爱你继续弹窗下面这个   等于则退出while循环
            ags = prompt('你还爱我吗？');
        }
        alert('结束');


    </script>
</head>
<body>
    
</body>
</html>

2、do while语法结构：

2.1语法结构：

do{
     // 循环体
 }while(推荐表达)

执行思路：

执行思路跟while不同的地方在于 do while 先执行一次循环体在判断条件如果条件表达式真则继续执行循环体否则退出循环体

注意：先再执行循环体，再判断，我们会发现do........while循环语句至少会执行一次循环体代码

代码验证：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>do while循环</title>
    <script>
        // 1、do  while 循环  语法结构
        // do{
        //     // 循环体
        // }while(推荐表达)
        // 2、执行思路  跟while不同的地方在于 do  while 先执行一次循环体 在判断条件  如果条件表达式真 则继续执行循环体  否则退出循环体
        // 3、代码验证：
        var i = 1;
        do {
            console.log('how are you？');
            i++;
        } while (i <= 100)
        // 4、我们的do  while 循环体至少执行一次
    </script>

</head>

<body>

</body>

</html>

3、while和do......while区别

while循环
var  i = 1;
while（i <= 10）{
      console.log（'你好'）
      i++;
}
while循环先判断条件表达式，如果条件表达式为真则执行循环体，如果条件表达式为假则退出while循环

do......while循环
var  i = 1;
do{
    console.log（'你好'）;
    i++;
}while（i <= 10）
do while循环先执行一次循环体，在判断，则条件表达式为真者继续执行循环体，则为假则退出do while循环

循环总结：

JS中循环有 for 、while、do while
三个循环很多情况下都可以相互替代使用
如果是用来计次数，跟数字相关的，三者使用基本相同，但是我们更喜欢用for
while和 do...while可以做更复杂的判断条件，比for 循环灵活一些
while 和 do...while执行顺序不一样，while先判断后执行，do...while先执行一次，再判断执行。while和 do...while执行次数不一样，do...while至少会执行一次循环体，而 while 可能一次也不执行实际工作中，我们更常用for 循环语句，它写法更简洁直观，所以这个要重点学习