JavaScript中的while循环

while循环:只要条件成立,就重复不断的执行循环体代码

while(条件判断)

{

        如果条件为true,则执行循环体代码

}

while循环结构说明:

  • 在循环开始前,必须要对变量初始化(声明变量,给变量给个初始值)。

  • 如果while的条件为true,则会重复不断的执行循环体中({ })的代码。如果条件为false,则退出循环。

  • 在循环体中,必须要有“变量更新”的语句。换句话说:两次循环的变量的值不能一样,如果一样,会造成“死循环”。

 来通过例子学习:

输出1-10之间的所有数

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script> 
        var i = 1;
        while(i<=10){
            document.write(i);
            i++ //变量更新,是为了避免出现“死循环”
        }
        </script>
    </head>
    <body>
    </body>
</html>

循环语句必须有三要素,缺一不可:

  • 变量初始化

  • 条件判断

  • 变量更新

输出1-100之间的所有奇数

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script> 
        //变量初始化
        var i = 1;
        //条件判断
        while(i<=100){
            //如果是奇数,则输出
            if(!(i%2==0)){
                document.write(i+"  ");
            }
            //变量更新
            i++;
        }
        </script>
    </head>
    <body>
    </body>
</html>

 



继续学习
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> <script> var i = 1; while(i<=10){ document.write(i); i++ //变量更新,是为了避免出现“死循环” } </script> </head> <body> </body> </html>
提交重置代码
章节
笔记
提问
课件
反馈
捐赠

javascript初级教程

高并发千万级数据库系统解决方案
  • 推荐课程
  • 评论
  • 问答
  • 笔记
  • 课件下载

阿寸

请原谅我的手贱! 把!++删了 电脑几乎死机。。。

5年前    添加回复 0

我只是一条咸鱼哈

O(∩_∩)O~

6年前    添加回复 0

一辆想出轨的无轨电车

评论有大神啊。。。

7年前    添加回复 0

Alway.以为

while循环也很常用,也容易理解掌握

7年前    添加回复 0

我喜欢晴天

循环语句必须有三要素,缺一不可: 变量初始化 条件判断 变量更新

7年前    添加回复 0

末日的春天

如果正确会不断地执行{}中的代码

7年前    添加回复 0

橱窗的光

while 循环在外部定义i的初始值 内部要写i++

7年前    添加回复 0

课件暂不提供下载,工作人员正在整理中,后期请多关注该课程~