js（java scrip）打印三角形、倒v、菱形_利用javascripts同时输出左正三角和右反三角-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_44017357/article/details/109538937

本文介绍了如何使用JavaScript编程来绘制正三角形、倒V形以及填充虚线的空心三角形和菱形，涵盖了基本的图形绘制技巧。

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

正三角
在这里插入图片描述

var n=1;
     for(var a=1;a<=9;a+=2)
    {
     for(var b=4;b>=n;b--)
     {
      document.write('&nbsp;');
      document.write('&nbsp;');
      // &nbsp;
     }
     n++;
     for(var c=1;c<=a;c++)
     {
      document.write('*');
     }
     
     document.write("<br />")
    }

倒v
在这里插入图片描述

var n=1;
   for(var a=1;a<=9;a+=2)
   {
    for(var b=4;b>=n;b--){
     document.write('&nbsp;');
     document.write('&nbsp;');
    }
    n++;
    document.write('*');
    for(var c=2;c<a;c++)
    {
     document.write('&nbsp;');
     document.write('&nbsp;');
    }
    if(a>=2)
    {
     document.write('*');
    }
    document.write("<br />")
   }

空心三角形填充虚线
在这里插入图片描述

var n=1;
   for(var a=1;a<=9;a+=2)
   {
    for(var b=4;b>=n;b--)
    {
     document.write('&nbsp;');
     
    }
    n++;
    document.write('*');
    if(a<9)
    {
     for(var c=2;c<a;c++)
     {
      document.write('-');
      // document.write('&nbsp;');
     }
    }
    else
    {
     for(var d=1;d<=7;d++)
     {
      
      document.write('*');
     }
    }
    if(a>=2)
    {
     document.write('*');
    }
    document.write("<br />")
   }

菱形
在这里插入图片描述

var n=1;
   for(var a=1;a<=9;a+=2)
   {
    for(var b=4;b>=n;b--)
    {
     document.write('&nbsp;');
     document.write('&nbsp;');
    }
    n++;
    document.write('*');
    for(var c=2;c<=a;c++)
    {
     document.write('&nbsp;');
     document.write('&nbsp;');
    }
    if(a>=2)
    {
     document.write('*');
    }
    document.write("<br />")
   }
   var m=1;
   for(var aa=7;aa>=1;aa-=2)
   {
    for(var bb=1;bb<=m;bb++)
    {
     document.write('&nbsp;');
     document.write('&nbsp;');
    }
    m++;
    document.write('*');
    // for(var cc=7;cc)
    for(var cc=2;cc<=aa;cc++)
    {
     document.write('&nbsp;');
     document.write('&nbsp;');
    }
    if(aa>=2)
    {
     document.write('*');
    }
    document.write("<br />")
   }