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/>");
         
         
   }

谢谢！