JS的基础运用 循环 用*打印三角形，菱形

JS的基础运用之JS中用*打印三角形，菱形

  图一               图二

1.图一和图二是利用JS语句画出来的两个直角三角形，下边我以图一为例，说一下我的做法。 图一星号逐行递增，

for(var n=1;n<5;n++){		   //外部循环决定输出的行数
    for(var j=0;j<n;j++){
        document.write("*");  //内部循环的循环次数，根据行数决定（输出对应的星号个数）
    }
    document.write("<br>");    //输入完之后需要换行；
}

2.图二的做法与图一类似，图二是每行的星号逐行递减，

for(var n=4;n>0;n--){
    for(var j=0;j<n;j++){
        document.write("*");
    }
document.write("<br>");

3.通过画三角形，我们也可以延伸出乘法表的写法，

图三 乘法口诀表 代码如下图

for(var j=1;j<9;j++){
    for(var i=1;i<=j;i++){
        document.write(i+"×"+j+"="+i*j+"&nbsp");
    }
    document.write("<br/>");
}

4.锐角三角形 锐角三角形是在直角三角形的基础上每行加入了一些空格。

 图四 锐角三角形

var y=5;
for(var line=1;line<6;line++){
    for(var i=0;i<y;i++){
        document.write("&nbsp");
    }
    y--;		
    for(var j=0;j<2*line-1;j++){
        document.write("*");
    }
    document.write("<br>");
}

5.菱形 菱形是js利用 *号写三角形的进阶用法，三角形中 * 号的递曾和递减都是2个，看起来写法比前面复杂了一些，其实只是一个简单的if语句的嵌套。

图五 菱形

方法一：

var line = 10;        
for (var n = 1 ; n < line ; n ++) {            
    if (n < 6) {                
        for (var i = 0 ; i < line - n - 5 ; i ++) {                    
        document.write("&nbsp");                
    }                
    for (var j = 0 ; j < 2 * n - 1 ; j ++) {                    
        document.write("*");                
    }                
    document.write("<br>");           
    } else {                
        for (var i = 0 ; i < n - line + 5 ; i ++) {                    
            document.write("&nbsp");                
        }                
        for (var j = 2 * (line - n) - 1 ; j > 0 ; j --) {                    
            document.write("*");                
        }                
        document.write("<br>");            
    }        
}    

方法二

var x = 1;         
var y = 5;        
for (var n = 1 ; n < 10 ; n ++) {            
    for (var i = 0 ; i < y ; i ++) {                
        document.write("&nbsp");            
    }            
    if (n < 5) {                
        y--            
    } else {                
        y++            
    }            
    for(var j = 0 ; j < 2 * x - 1 ; j ++) {                
        document.write("*");            
    }            
    if (n < 5) {                
        x++;            
    } else {                
        x--;           
    }            

    document.write("<br>")        
}

以上是我的一些总结，感谢读者指出。