码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript输出三角形

时间:2017-01-26 11:28:17      阅读:276      评论:0      收藏:0      [点我收藏+]

标签:javascrip   src   var   资料   art   image   i++   class   print   

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



以上图为例子,假设行数为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输出三角形

标签:javascrip   src   var   资料   art   image   i++   class   print   

原文地址:http://www.cnblogs.com/churjan/p/6350289.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!