JavaScript实现几种常见的图形

一.四种常见的三角形

第一种三角形：

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

       for( var j=i;j<=5;j++){

                document.write("*");

       }      

              document.write("<br/>");

              

 }

第二种三角形：

for( var a=1;a<=5;a++){

    for(var b=1;b<=a;b++){

        document.write("*");

    }

    document.write("<br/>");

}

第三种三角形：

for(var x=1;x<=4;x++){

    for(var z=1;z<x;z++){

        document.write("&nbsp;");

    }

    for(var y=4;y>=x;y--){

    document.write("*");

    }

    document.write("<br/>");    

}

第四种三角形：

for(var r=1;r<=4;r++){

     for(var u=4;u>r;u--){

         document.write("&nbsp;");

     }

     for(var h=1;h<=r;h++){

         

         document.write("*");

     }

     document.write("<br/>");

 }

除了上面的三种常见的还有用JavaScript实现菱形图案：

代码如下：

//上半部分

 //首先把菱形看成上下，上五下四,所以第一个for有5次，第二个for4次        

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

     //空格

        for(var j=1;j<=5-i;j++)

        //输出空格

                document.write("&nbsp;");

        for(var k= 1; k<= i*2-1; k++)

                document.write("*");       

               document.write("<br/>");//换行

    }

     for(var i=1;i<=4; i++ ){//倒序输出下半部分

         for(var j=1;j<=i;j++)

         //输出空格

            document.write("&nbsp;");

        for(var k=7;k>=2*i-1;k--)

             document.write("*");

          document.write("<br/>");

         

         

   }

谢谢！