JavaScript中使用for循环打印简单的三角形,等腰三角形,菱形,空心三角形,空心菱形

打印一个简单的等腰三角形


JavaScript中使用for循环打印简单的三角形,等腰三角形,菱形,空心三角形,空心菱形_第1张图片
打印一个正方形



JavaScript中使用for循环打印简单的三角形,等腰三角形,菱形,空心三角形,空心菱形_第2张图片
打印一个倒过来的三角形


JavaScript中使用for循环打印简单的三角形,等腰三角形,菱形,空心三角形,空心菱形_第3张图片
根据以上,还可以进一步的修饰一下,比如打印每行个数为奇数递增的三角形
假如输入5的时候


JavaScript中使用for循环打印简单的三角形,等腰三角形,菱形,空心三角形,空心菱形_第4张图片
还可以打印出每行个数为奇数递增的等腰三角形


还是当num=5的时候

JavaScript中使用for循环打印简单的三角形,等腰三角形,菱形,空心三角形,空心菱形_第5张图片
还可以打印一下菱形


效果如下:
JavaScript中使用for循环打印简单的三角形,等腰三角形,菱形,空心三角形,空心菱形_第6张图片
当然了,还可以通过一些条件限制,来满足打印空心的图形,上面和下面的代码当中,有的添加了表格,是因为显示的时候浏览器有点小瑕疵,不能满足显示效果,不知道别人是通过什么办法让显示效果更佳的

打印一个空心三角形


同样,当输入行数为5时:
JavaScript中使用for循环打印简单的三角形,等腰三角形,菱形,空心三角形,空心菱形_第7张图片
打印一个空心菱形:


这次我们让num=9,效果如下:
JavaScript中使用for循环打印简单的三角形,等腰三角形,菱形,空心三角形,空心菱形_第8张图片

你可能感兴趣的:(JavaScript)