JavaScript输出三角形

Posted Churjan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript输出三角形相关的知识,希望对你有一定的参考价值。

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



以上图为例子,假设行数为5行
1.每行星星的个数

可以得出星星个数公式为:j=i*2-1,这里j表示当前星星的个数,i表示当前行数

for(var i=1;i<=4;i++){
    for(j=1;j<=2*i-1;j++){
        document.write(\'*\');
    }
    document.write(\'<br>\')
}

 效果:

 

 可以看出,其实金字塔的三角星是被空格顶过去的

2.每行左侧空格的个数

 可以得出左侧空格个数为:k=5-i,5表示行的总长度,i为当前行数,k表示当前左侧空格个数

for(var i=1;i<=4;i++){
    for(var k=1;k<=4-i;k++){
        document.write(\'&nbsp;\')
    }
    for(j=1;j<=2*i-1;j++){
        document.write(\'*\');
    }
    document.write(\'<br>\')
}

效果:

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

扩展:...




 

 

 

参考资料:

http://blog.csdn.net/wenximalong/article/details/8224891

http://www.tuicool.com/articles/jMFJ7j3

以上是关于JavaScript输出三角形的主要内容,如果未能解决你的问题,请参考以下文章

用JavaScript的console控制台输出一个靠右的直角三角形怎么写代码?

JavaScript——打印输出各种三角形集合,你要的我都有,点赞收藏全拿走

为啥保守光栅化无法为某些三角形调用片段着色器?

为啥这个 CSS 片段可以画一个三角形? [复制]

怎么用javascript for循环语句输出直角靠右边的三角形图案

Javascript - 使用 HTML 片段通过电子邮件发送 JSON 输出