好程序员Web前端分享程序的三大结构（二）while循环

最新推荐文章于 2023-03-10 12:47:32 发布

好程序员IT

最新推荐文章于 2023-03-10 12:47:32 发布

阅读量220

点赞数

分类专栏：好程序员 web web前端培训文章标签： while循环 web

本文链接：https://blog.csdn.net/qq_35970166/article/details/90446035

版权

好程序员同时被 3 个专栏收录

949 篇文章 1 订阅

订阅专栏

web前端培训

354 篇文章 0 订阅

订阅专栏

web

248 篇文章 0 订阅

订阅专栏

while(循环终止条件){

}

案例

案例打印100以内 7的倍数：

<!DOCTYPE html>

<html lang="en">

    <head>

        <meta charset="utf-8">

        <script>

        var a=0;

        while(a<=100){

            a++;

            if(a%7==0){

                document.write(a+'<br>');

            }

        }

        </script>

    </head>

    <body>

    </body>

</html>

案例打印100以内所有偶数的和

<!DOCTYPE html>

<html lang="en">

    <head>

        <meta charset="utf-8">

        <script>

        var a=0;

        var res=0;

        while(a<=100){

            a++;

            if(a%2==0){

                res+=a;

            }

        }

        document.write(res)

        </script>

    </head>

    <body>

    </body>

</html>

打印图形

***

****

*****

<!DOCTYPE html>

<html lang="en">

    <head>

        <meta charset="utf-8">

        <script>

    var second=0;//一共打印多少行;>>>五行

    while(second<=5){

        second++

        var length=0;

        while(length<=10){//一行打印多少个>>>十个

            length++;

            document.write('*');

        }

        document.write('<br>')

    }

        </script>

    </head>

    <body>

    </body>

</html>

for循环

for循环将while循环分离的结构进行了整,将变量的声明自增，以及判断放入了括号中。写法更简单在开发中推荐使用。


for(var i = 0 ; i<10; i++){



     //语句块



}



for循环的执行顺序。(从上到下，从左到右？不！！)



1.先声明变量，2.然后判断，3.之后读取语句块，4.最后再对变量进行自增。



for(var i = 0 （1.声明变量） ; i < 10(2.进行判断) ; i ++（4.对变量进行自增）){

     //语句块（3.读取语句块）

}

案例

：打印99乘法表

<!DOCTYPE html>

<html lang="en">

    <head>

        <meta charset="utf-8">

        <script>

            for(var i = 1 ; i < 10;i++){ //前面的数字 i;

               for(var j = 1; j <= i; j++){//后面的数字 j

                    document.write(i+'*'+j+'='+i*j+' ');//拼接第一个是公式，要用字符串拼接；第二个是计算结果用数字计算。最后加了一个空格 让页面更美观。

               }

               document.write('<br>')

            }

        </script>

    </head>

    <body>

    </body>

</html>

案例：计算1+3+5+...+99的和：

<!DOCTYPE html>

<html lang="en">

    <head>

        <meta charset="utf-8">

        <script>

            var res=0;

            for(var i = 1 ; i < 100;i++){

               res+=i;

            }

            document.write(res);

        </script>

    </head>

    <body>

    </body>

</html>

案例：求1*2*3*4*5*6....的结果；

<html lang="en">

<head>

<meta charset="utf-8">

<script>

var res = 1;

for (var i = 1; i <= 20; i++) {

res *= i;

}

document.write(res)

</script>

</head>

<body>

</body>

</html>

好程序员IT

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
好程序员Web前端分享程序的三大结构（二）while循环

while(循环终止条件){}案例案例打印100以内 7的倍数：<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><script>var a=0;wh...
复制链接

扫一扫