查找资料,学习jsfor循环打印金字塔
查找资料,了解for循环
for语句,也是一个循环语句,也称为for循环
在for循环中,为我们提供了专门的位置来访三个表达式
1.初始化表达式
2.条件表达式
3.更新表达式
for循环的语法:
for(初始化表达式;条件表达式;更新表达式){
语句...
}
for循环的执行流程:
1.执行初始化表达式,初始化变量
2.执行条件表达式,判断是否执行循环,
如果为true,则执行循环体
如果为false,终止循环
3.执行更新表达式,更新表达式执行完毕继续重复2
第一步先接受用户传入的塔层数:
var ta = prompt("请输入金字塔的行数");
第二步行数代码
for(var i=1;i<=ta;i++)
第三步打印空格
for(var j=1;j<=(ta-i);j++){
document.write(" ");
}
如果没有上面这一步会导致如下图结果
最关键的一步第四步
for(var k=1;k<=(2*i-1);k++){
document.write("*");
}
这一句是输出*,关键步骤是k<=(2i-1),这一句就是的个数与行数的规律,大致就是,*的个数等于行数乘以二减去一。当行数为一时就只有一个星,行数为二是有三颗,以此类推。
最后一步就是换行
document.write("<br>");
不换行就会导致如下图的后果:
最后的效果图:
那如果我们要输出一个倒的三角形呢
我们只需将第一句改为
for(var i=ta;i>=1;i--){
就好了,最后附上倒金字塔代码
var ta = prompt("请输入金字塔的行数");
for(var i=ta;i>=1;i--){
for(var j=1;j<=(ta-i);j++){
document.write(" ");
}
for(var k=1;k<=(2*i-1);k++){
document.write("*");
}
document.write("<br>");
}