javascript系列之while循环

鱼馅饼

已于 2023-08-05 16:45:30 修改

阅读量578

点赞数

文章标签： javascript 开发语言 ecmascript

于 2023-08-05 16:09:43 首次发布

原文链接：https://www.tutorialspoint.com/javascript/javascript_while_loop.htm

版权

一.欢迎来到我的酒馆

在写一个程序的时候，你可能会遇到这样一种情况，就是需要反复执行同一个步骤的情况。这时，你需要使用循环来减少重复的代码。

二.while循环

2.1在javascript中，最基本的循环就是while循环。while循环的作用就是当表达式的值为true的时候重复的执行一个语句或一个代码块，一旦表达式的值为false，while循环就终止。
2.2while循环的流程图：

2.3 while循环语法：

while(表达式){
	当表达式为true时，执行的代码块
}

2.4 在代码中使用while循环

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <script language="javascript" type="text/javascript">
        let nums = 0;/*声明一个循环变量nums*/

        document.write("start while loop <br/>");
        while(nums < 10){
            document.write("nums = " + nums +"<br/>");
            nums++;
        }
        document.write("end while loop");
    </script>

</body>
</html>

保存上面的代码为HTML文件，使用浏览器打开：
在这里插入图片描述

三.do while循环

3.1do while循环和while循环类似，只不过循环的判断条件放到了末尾。这也意味着do while循环至少会执行一次，即使判断条件为false。
3.2do while循环流程图：

3.3do while循环语法：

do{
	循环代码块;
}while(表达式);

3.4在代码中使用do while循环：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <script language="JavaScript" type="text/javascript">
        let nums = 0;
        document.write("start do while loop <br/>");

        do{
            document.write("nums = " + nums + "<br/>");
            nums++;
        }while(nums < 10);

        document.write("end do while loop <br/>");
    </script>
</body>
</html>