for循环理解

原文链接：https://blog.csdn.net/weixin_38362146/article/details/78023104
案例1：
做图形思路：
1确定图形一共几行 极为外层的循环的次数
2确定每行有几种元素，代表有几个内层循环。
3 确定每种元素的个数，即为每个内层循环的次数
tips：通常：找出每种元素个数，与行号的关系式，极为当前循环的最大值（从1开始循环）
[长方形]

          *****
          *****
          *****
          *****
         
    for(var a=1;a<=5;a++){
        for(var b=1;b<=5;b++){
            document.write(b)
            }
        document.write("<br />");
    }
    内层循环的时候会跟外层的数值相同
    所出现的字符是一个行数和列数都相同的        

[直角三角形]
*
**
***
****
*****
for(var a=1;a<=5;a++){
for(var b=1;b<=a;b++){
document.write(b)
}
document.write("
");
}
内层循环的个数小于等于外层循环的个数时执行的结果是以每次以个数会以内层的个数显示
[平行四边形]
*****
*****
*****
*****
*****
for(var a=1;a<=5;a++){
for(var c=1;c<=a-1;c++){
document.write("&nbsp")
}

        for(var b=1;b<=5;b++){
            document.write(b);
            }
        document.write("<br />")
    }

外层循环是可以进行同时内层循环。一个外层可以包括多个内层，切循环同时执行、
上面有5个排星星 同时5个星星前每次循环执行的时候会加一个空格。则2次同时执行
[菱形
* 1 3
*** 2 2
***** 3 1
******* 4 0
***** 1 5
*** 2 3
* 3 1

     for(var a=1;a<=4; a++){
         for(var c=1;c<=4-a;c++){
             document.write("<span style='display: inline-block;width: 7px;'></span>")
         }
         for(var b=1;b<=2*a-1;b++){
             document.write("*")
         }
         document.write("<br />")
     }
     
     
     for(var d=1;d<=3;d++ ){
         for(var f=1;f<=d;f++){
             document.write("<span style='display: inline-block;width: 7px;'></span>");
         }
         for(var e=1;e<=7-2*d;e++){
             document.write("*")
         }
         
         document.write("<br />")
     }

————————————————