Js之for循环

for循环

基本写法：

for(初始化;条件;迭代运算){

循环内容；

}

运行机制：

先定义一个初始化变量，然后判断这个变量是否满足条件，如果满足条件则执行循环内容，知道不满足条件为止，跳出循环。

顺序就是初始化→条件→如果条件为真→执行循环内容→迭代运算→条件→如果条件为真→执行循环内容→迭代运算...直到条件不满足为止。

案例一：

打印等腰三角形

<script>

 定义等腰三角形的行数
    var num = 10;
    //每一行的空格数为总行数减去当前第几行
    //每一行的星星个数为 当前行*2-1；
    //循环条件行数小于等于10
    for(var i=1;i<=num;i++){
        for(var j=num-i;j>0;j--){
            document.write("_");
        }
        for(var k=1;k<=i*2-1;k++){
            document.write("*");
        }
        document.write("<br>");
    }

</script>

案例二：

打印正直角三角形

<script>
    for(var i=1; i<10; i++){
        for(var j=1; j<=i; j++){
            document.write("*");
        }
        document.write("</br>");
    }
    
</script>

打印倒直角三角形
<script>
for(var i=10; i>1; i--){
        for(var j=1; j<i; j++){
            document.write("*");
        }
        document.write("</br>");
    }

</script>

案例三：

var row = Number(prompt("请输入三角形的行数："));
for(var i=1;i<=2*row-1;i++) {
    //输出row-i个空格
    //输出2i-1个*
    //输出换行
    var blanks = Math.abs(row-i);//空格的个数
    var stars = 2*row-1-2*blanks;//*的个数Math.abs(i-row)=blanks
    for (var j = 1; j <= blanks; j++) {
        document.write("_");
    }
    for (var j = 1; j <= stars; j++) {
        document.write("*");
    }
    document.write("<br>");
}