js 打印 三角形

js 打印 三角形js 编辑三角形在 js 中每个图案站位的大小不一向新的改变我们对 Markdown 编辑器进行了一些功能拓展与语法支持 除了标准的 Markdown 编辑器功能 我们增加了如下几点新功能 帮助你用它写博客 全新的界面设计 将会带来全新的写作体验 在创作中心设置你喜爱的代码高亮样式 Markdown 将代码片显示选择的高亮样式进行展示 增加了图片拖拽功能 你可以将本地的图片直接拖拽到编辑区域直接展示 全新的 KaTeX 数学公式语法 增加了支持甘特图的 mermaid 语法 1 功能 增加了多屏

js 打印 三角形

 var sum = '' for (let i = 0; i < 8; i++) { 
    var str = '' for (let j = 0; j < i; j++) { 
    str += '△' } sum += str +'\n' } console.log(sum); 

这样的就是正常的输出 然而我们需要输出等边或者等腰的三角形 我们就需要在上图的基础上的左边添加一些看不见的占位符而且需要倒叙输出

这样是正常的空格占位符 占据着右边的位置

var str = '' var n = 10 for (let i = 0; i < n; i++) { 
    var k = '' var f = '' for (let j = n-i; j > 0; j--) { 
    k += ' ' } for (let u = 0; u < i ; u++) { 
    f += '△' } str += k+f+'\n' } console.log(str); 

但是我们把图形换成 * 这样就会出现不一样的画面
在这里插入图片描述
对于这样我们就需要对右边添加相对应的个数使它看起来是等腰或等边三方形然后就变成下面这样:
在这里插入图片描述


代码附上:






 var str = '' var n = 10 for (let i = 0; i < n; i++) { 
    var k = '' var f = '' for (let j = n-i; j > 0; j--) { 
    k += ' ' } for (let u = 0; u < 2 * i + 1; u++) { 
    f += '*' } str += k+f+'\n' } console.log(str); 

我们这样是在游览器控制台输出的 如果想要在浏览器页面输出 使用document.write();

其实我们主要看用于打印的字符 占据的大小是好多 才好进行相应的输出

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/218373.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月18日 上午7:25
下一篇 2026年3月18日 上午7:25


相关推荐

  • opencv人脸识别训练「建议收藏」

    opencv人脸识别训练「建议收藏」一开始我运用人脸库训练出一个xml文件,后来新增人脸时候需要将新人继续拿来训练,需要将训练的特征信息加在原来xml文件里面。如果程序不关闭是可以将新人特征信息加到xml文件里的。比如,原来的xml文件为face.xml;现在采集了一些人脸,需要将这些人脸的特征信息提取加入到face.cml;然后下次load这个face.xml进行人脸识别。现在就是怎么将这些人脸加入原来的xml文件呢?这个是全

    2022年6月7日
    46
  • IIS服务器实现跨域调用「建议收藏」

    IIS服务器实现跨域调用「建议收藏」今天用JS实现了一下ajax请求,本地作为服务器,但是请求的时候总是提示跨域,google了一下,都是说在服务器添加“Access-Control-Allow-Origin”,开始误以为是在服务器得html页面添加,后来才知道是在服务器中添加打开IIS,找到“HTTP响应标头”点进去,在右侧可以看到添加,然后添加如下标头即可Access-Control-Allow-Headers:Content-…

    2022年10月21日
    5
  • vue分页组件

    vue分页组件/***分页组件*/<template><divclass=”pagination”><ulclass=”pagerclear”@click=”onPage”><li:class=”{disabled:page<=1}”:aria-disabled=”page<=

    2022年10月1日
    4
  • Java双亲委派机制

    Java双亲委派机制1 什么是双亲委派 虚拟机在加载类的过程中需要使用类加载器进行加载 而在 Java 中 类加载器有很多 那么当 JVM 想要加载一个 class 文件的时候 到底应该由哪个类加载器加载呢 这就不得不提到 双亲委派机制 首先 我们需要知道的是 Java 语言系统中支持以下 4 种类加载器 BootstrapCla 启动类加载器 ExtentionCla 标准扩展类加载器 ApplicationC 应用类加载器 UserClassLoa 用户自定义类加

    2026年3月17日
    2
  • checkbox选中和不选中 jqu_jquery checkbox 选中不选中

    checkbox选中和不选中 jqu_jquery checkbox 选中不选中展开全部$(function(){//动态绑定默认状态//$(“#ck”).attr(“checked”,true)//选中//$(“#ck”).attr(“checked”,false)//未选中//点击判断选中还是未选中$(“#ck”).click(function(){if($(this).is(“:checked”)){alert(“选中”);}else{alert…

    2022年6月30日
    24
  • 数据结构之图的创建(邻接表)

    数据结构之图的基本概念中了解了图的基本概念,接下来对图的代码实现进行详解。邻接无向图1.邻接表无向图介绍邻接表无向图是指通过邻接表表示的无向图。上面的图G1包含了"A,B,C,D,

    2021年12月19日
    58

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号