JS 嵌套循环练习：三角形、平行四边形、菱形

boonyaxnn

于 2019-04-23 19:43:10 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/boonyaxnn/article/details/89479184

JavaScript 专栏收录该内容

90 篇文章

订阅专栏

这篇博客探讨了如何使用JavaScript嵌套循环来绘制几何图形，如正三角形、倒三角形、平行四边形和菱形。通过外层循环控制行数，内层循环控制列数，实现图形的绘制。对于菱形，博主建议将其拆分为两个三角形来实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、定义：将一个循环作为另一个循环的循环体称为嵌套循环

PS：

（1）外层循环控制行数

（2）内层循环控制列数

（3）外层循环执行一次，内层循环执行一遍

2、正三角形

*         
**       
***       
****      
*****


for(var i=1;i<=4;i++){
   for(var j=1;j<=i;j++){
      document.write("*")
   }
}

3、倒三角形

****    
***      
**      
*

for(var i=1;i<=4;i++){
   for(j=1;j<=5-i;j++){
      document.write("*");
   }
}

4、平行四边形

---*******   
--*******  
-*******     
*******

for(var h=1;h<=4;h++){
   for(var k=0;k<=4-h;k++){
      document.write("&nbsp");
   }
   for(var s=1;s<=7;s++){
      document.write("*");
   }

}

5、菱形

             h   k   s
---*        1   3   1
--* *       2   2   2
-* * *      3   1   3
* * * *     4   0   4
   k=4-h s=h
-* * *      1   1   3
--* *       2   2   2
   *        3   3   1
    k=h s=4-h

菱形可以分割成两个三角形来做

   for(var h=1;h<=4;h++){
        for(var k=1;k<=4-h;k++){
            document.write("&nbsp");
        }
        for(var s=1;s<=h;s++){
            document.write("&nbsp;*");
        }
    }
    for(var h=1;h<=3;h++){
        for(var k=1;k<=h;k++){
            document.write("&nbsp");
        }
        for(var s=1;s<=4-h;s++){
            document.write("&nbsp;*");
        }
    }