好程式設計師Web前端分享程式的三大結構（二）while迴圈

好程式設計師IT發表於2019-05-22
程式設計師Web前端While

while( 迴圈終止條件 ){

     

}

案例

案例   列印100以內 7的倍數 ：

 

<!DOCTYPE html>

<html>

    <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>

    <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>

    <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>

    <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>

    <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>

<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>


來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/69913892/viewspace-2645207/，如需轉載，請註明出處，否則將追究法律責任。

相關文章