JavaScript-while 和 do while 如何选择-CFANZ编程社区

JavaScript-while 和 do while 如何选择

需求

要求用户输入密码, 判断输入的密码是否正确 (假设正确密码是123456)
如果正确, 输出"欢迎回来"
如果不正确, 要求用户重新输入

首先先来看看不使用循环的实现代码如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Demo</title>
    <script type="text/javascript">
        let pwd = prompt("请输入密码");

        if (pwd !== "123456") {
            pwd = prompt("请输入密码");
        }

        if (pwd !== "123456") {
            pwd = prompt("请输入密码");
        }

        if (pwd !== "123456") {
            pwd = prompt("请输入密码");
        }

        if (pwd !== "123456") {
            pwd = prompt("请输入密码");
        }
        
        alert("欢迎回来");
    </script>
</head>
<body>
</body>
</html>

JavaScript-while 和 do while 如何选择_企业开发

JavaScript-while 和 do while 如何选择_企业开发_02

JavaScript-while 和 do while 如何选择_javascript_03

通过不使用循环的方案来实现发现了一个问题, 在输入 5 次过后 欢迎回来 显示出来了, 使用 while 改造如下。

while 循环实现

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Demo</title>
    <script type="text/javascript">
        let pwd = prompt("请输入密码");

        while (pwd !== "123456") {
            pwd = prompt("请输入密码");
        }

        alert("欢迎回来");
    </script>
</head>
<body>
</body>
</html>

do while 循环实现

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Demo</title>
    <script type="text/javascript">
        let pwd = -1;
        
        do {
            pwd = prompt("请输入密码");
        } while (pwd !== "123456");
        
        alert("欢迎回来");
    </script>
</head>
<body>
</body>
</html>

总结

1.在企业开发中大部分情况下 while 循环和 do while 循环是可以互换的
2.在企业开发中如果循环体中的代码无论如何都需要先执行一次, 那么建议使用 do while 循环
3.在企业开发中其它的情况都建议使用 while 循环

0 条评论