JS打印金字塔

Posted 2020-12-27 蛋挞一昊

今晚学习javascript，利用for循环打印了半边金字塔和完整金字塔，将所学心得记录下来。

首先是半边金字塔:

　　代码如下:　

 1 <script type="text/javascript">
 2     //n为层数
 3     var n = 10;
 4     //外层for循环控制层数
 5     for(var i = 0; i < n; i++){
 6         //内层for循环控制星星的数量
 7         //J<=i是让星星的数量刚好等于层数
 8         for(var j = 0; j <= i; j++){
 9             document.write("*");
10         }
11　　　　　　//打完这层换行
12         document.write("<br/>");
13     }
14 </script>

效果图:

　　

---

完整金字塔

　　代码如下:

　　　　

 1 <script type="text/javascript">
 2     //n控制层数
 3     var n = 10;
 4     for(var i = 1; i <= n; i++){
 5         //每层空格数量为n减i，n为总层数，i是第几层
 6         for(var j = 1; j <= n-i; j++){
 7             document.write("&nbsp");
 8         }
 9         //每层星星数量为[2*（i-）+1]个，
10         for(var k = 1; k <= 2*(i-1)+1; k++){
11             document.write("*");
12         }
13         //打完一层换行
14         document.write("<br>");
15     }
16 </script>        

　　效果图:  第一个星星对不齐是因为图形的原因。