while 循环结构和do -while 循环结构

最新推荐文章于 2022-07-31 18:17:21 发布

zhou_nj

最新推荐文章于 2022-07-31 18:17:21 发布

阅读量354

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/zhou_nj/article/details/119541411

版权

本文介绍了循环结构的基本概念，重点讲解了while和do-while循环的语法和特点。通过实例展示了如何使用while循环打印10遍‘好好学习，天天向上’，并利用do-while循环实现了一个菜单选择功能，根据用户输入执行相应操作。同时，文章还对比了两种循环结构的执行顺序差异。

摘要由CSDN通过智能技术生成

1.什么是循环结构：只要满足条件，就会重复执行的结构。

2.while 循环结构的语法：

while(循环条件){

循环代码

}

3.案例：输出10遍"好好学习，天天向上" 。代码如下：

<!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>Document</title>
</head>

<body>
    <script>
        var i = 1
        // 条件就是 i<=10 
        while(i<=10){
            console.log('第'+i+'遍，好好学习，天天向上');
             //i++就是等于 i + 1  每次+1 在重新返回出去一个新的条件
            i++ 
        }
    </script>
</body>

</html>

4:do-while 循环结构的语句：

do{

循环语句

}while(循环条件)

5.do-while 循环结构的特点是：先执行一遍代码，在判断循环条件，而while 循环是先判断循环条件，在执行代码。

6.案例：定义一个菜单变量，用于表示选择的是什么功能。代码如下：

<!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>Document</title>
</head>

<body>
    <script>
         var no = 0 //注意：该变量的初始化值是什么都行，因为do-while循环，没有入口判断。
        do {
            no = parseInt(prompt('请选择：1.添加 2.修改 3.查询 4.删除 0.退出系统'))
            switch (no) {
                case 1:
                    alert('执行添加')
                    break;
                case 2:
                    alert('执行修改')
                    break;
                case 3:
                    alert('执行查询')
                    break;
                case 4:
                    alert('执行删除')
                    break;
                case 0:
                    alert('成功退出，欢迎下次使用！')
                    break;
            }
        }while (no !== 0)
    </script>
</body>

</html>