开发者社区开发与运维文章正文

JS输出正金字塔

2022-05-17 938

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： JS输出正金字塔

利用JS输出这样一个正金字塔，该怎么做呢？

这里需要用到3个for循环，下面来分析一下每个for的作用是什么。

第一个for很好理解控制的是星星的行数，例如输出4行

第二个for需要控制每行的空格数，例如第一行需要空开3个然后再输出一个星星

第三个for控制每行的星星个数。例如第一行只需输出一个星星

分析完逻辑，我们将需求转化为代码：

<script>//打印出正金字塔for (vari=1; i<=4; ++i) {
//需要用for输出多余的空格for (vark=1; k<=4-i; ++k) {
document.write("&ensp; ");
            }
//结合2n-1的公式求出每一行的星星数for (varj=1; j<=2*i-1; ++j) {
document.write("☆");
            }
document.write("<br />");
        }
</script>