JavaScript输出三角形

最新推荐文章于 2024-12-09 09:21:16 发布

weixin_30376323

最新推荐文章于 2024-12-09 09:21:16 发布

阅读量951

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/churjan/p/6350289.html

本文介绍了一种使用JavaScript绘制半金字塔形状的方法。通过两个嵌套的for循环实现：外层循环控制行数，内层循环分别控制每行前导空格及星号的数量。详细解释了如何确定每行星号和空格的数量，并给出了完整的代码示例。

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


以上图为例子，假设行数为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.youkuaiyun.com/wenximalong/article/details/8224891

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

转载于:https://www.cnblogs.com/churjan/p/6350289.html