JS输出正金字塔

简介: JS输出正金字塔

image.png

利用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>

image.png

打开浏览器进行验证:

image.png

即可看到所需效果。

相关文章
|
3月前
|
JavaScript
js 精确计算(解决js四则运算精度缺失问题)
js 精确计算(解决js四则运算精度缺失问题)
125 0
|
3月前
|
前端开发 JavaScript
前端 JS 经典:判断稀疏数组
前端 JS 经典:判断稀疏数组
24 0
|
3月前
|
前端开发 JavaScript
前端 JS 经典:数字变化动画
前端 JS 经典:数字变化动画
56 0
|
3月前
|
前端开发 JavaScript
前端 JS 经典:最近距离排序
前端 JS 经典:最近距离排序
21 0
|
5月前
|
算法 JavaScript
|
5月前
|
存储 JavaScript
js中如何求平面两点之间的距离
js中如何求平面两点之间的距离
|
JavaScript
js实现动态的数字相加之和
js实现动态的数字相加之和
103 0
|
算法 JavaScript
js 最小生成图的问题 普利姆算法
js 最小生成图的问题 普利姆算法
js 最小生成图的问题 普利姆算法
|
JavaScript 前端开发
JS原始值创建背后发生的故事
Js初学者又或者是使用者都会产生这么一个疑惑: “我们声明的字符串变量为什么可以以类似对象的形式来调用方法,比如str.toString()” ,当然不只是字符串类型,还有布尔,数值类型,他们都属于原始值类型,本文将带你了解这三种原始值的创建,背后发生了什么,为什么可以以对象形式来调用方法,又或者是属性。
63 0
|
JavaScript
js计算精确度丢失问题解决,js小数失精度的解决方法
js计算精确度丢失问题解决,js小数失精度的解决方法
274 0