教你如何使用for循環來做一些小圖案

　　for語句比while語句和do-while都要靈活，是一種功能更大、更常用的循環語句，它的一般語法格式為:

　　　　for(表達式1;表達式2;表達式3)

　　　　{

　　　　　　循環體

　　　　　}

 

　　【注】：其中，表示式可以省略，但是分號不可省略。

　　我們來看看for循環實現的一些圖案吧！

 

　　正三角形：

　　　　js:

for(var x=1;x<10;x++){
        for(var y=1;y<=x;y++){
            document.write("*")
        }document.write("<br/>")
    }

　　效果：

               　

 

　　倒三角：

　　　　js:

 

  for(var a=1;a<10;a++){
        for(var b=1;b<10-a;b++){
            document.write("*")
        }
        document.write("<br/>")
    }

 

效果：

           　　　

　交叉圖形：

　　　　js:

 

var leng=10;//行和列統一為10
    for(var i = 0;i<leng;i++){
        for(var j =0;j<leng;j++){
            if(j==i||j==leng-i-1){
                document.write("& ");
            }
            else{
                document.write("* ");
            }
        } 
        document.write("<br/>")
    }

 

效果：

　　           

再給大家展示個九九乘法表吧.

//打印九九乘法表
    //
    //    1循環變量
    //    2循環體
    //    3循環條件
    for(var i=1;i<10;i++){
        for(var j=1;j<=i;j++){
            document.write(i+"*"+j+"="+i*j+"&nbsp;")
        }
        document.write("<br/>");
    }


 var div=document.getElementById("div")
    var tr=document.createElement()

效果：