javascript系列之while循环

一.欢迎来到我的酒馆

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

目录

    • 一.欢迎来到我的酒馆
    • 二.while循环
    • 三.do while循环

二.while循环

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

Created with Raphaël 2.3.0 开始 while条件 while代码块 结束 yes no

2.3 while循环语法:

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

2.4 在代码中使用while循环

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

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

保存上面的代码为HTML文件,使用浏览器打开:
javascript系列之while循环_第1张图片

三.do while循环

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

Created with Raphaël 2.3.0 开始 循环代码 判断条件 结束 yes no

3.3do while循环语法:

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

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

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

保存上面的代码为HTML文件,使用浏览器打开:
javascript系列之while循环_第2张图片

你可能感兴趣的:(javascript,开发语言,ecmascript)