JS打印各种形状：星星金字塔_完整菱形_三角形_思路算法详解_附源代码

置顶

WALTER_CHM

于 2020-07-11 10:29:28 发布

阅读量8.2k

点赞数 11

文章标签： JavaScript 空心菱形正三角倒三角金字塔

本文链接：https://blog.youkuaiyun.com/WALTER_CHM/article/details/107280263

版权

本文详细讲解了使用JavaScript如何绘制包括金字塔、倒立金字塔、空心金字塔和空心菱形在内的各种图形，提供完整源代码，助你理解图形绘制的算法思路。

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

Javascript打印金字塔，倒立金字塔，

空心金字塔，菱形，空心菱形等

打印直角三角形

    *            1
    **           2
    ***          3
    ****         4
    通过图形，可以得出规律，第i行时，打印的星星为i个

  document.write("正右半边<br>");
    for(i=1;i<=n;i++){
   //n代表行数
        for(j=1;j<=i;j++){
   
            document.write("*");//打印每行星星
        }
        document.write("<br />");
    }

   左半边    空格     星号

       *        4-1       1
      **        4-2       2
     ***        4-3       3
    ****        4-4       4
    n代表的是n行 第i行,空格n-i,星号i

document.write("正左半边<br>");
    for (i=1; i <= n; i++) {
    //n代表行数
        for(j=1;j<=n-i;j++){
   
            document.write("&nbsp;");//打印每行空格

        }
        for(k=1;k<=i;k++){
   
            document.write("*");//打印每行星星
        }
        document.write("<br/>");

    }

    /金字塔       空格         星星

        *           3=4-1        1=2*1-1
       ***         2=4-2        3=2*2-1
      *****       1=4-1        5=2*3-1
     *******      0=4-4        7=2*4-1
    n代表的是n行  第i行,空格n-i,星星2*i-1

  document.write("正金字塔<br/>");
    for(i=1;i<=n;i++){
    //n代表行数
        for(j=1;j<=n-i;j++){
   
            document.write("&nbsp;");
        }
        for(k=1;k<=2*i-1;k++){
   
            document.write("*")
        }
        document.