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

    xiaoxiao2022-07-04  161

    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>

     

    最新回复(0)