需求:输出到三角形到界面

*****
****
***
**
*

想要输出倒三角, 首先得了解一个规律, 循环嵌套规律

循环嵌套 => 外循环控制行数 ,内循环控制列数(横行竖列)


先输出一个矩形试试

<script>
    for (let i = 0; i < 5; i++) {
        for (let j = 0; j < 5; j++) {
            document.write("*");
        }
        document.write("<br/>")
    }
</script>
*****
*****
*****
*****
*****

得到这个效果之后 ,观察一下规律

倒三角的规律

第二行的列数比第一行的列数少

第三行的列数比第二行的列数少

第四行的列数比第三行的列数少

第五行的列数比第四行的列数少


得到规律之后,也知道了, 循环嵌套是 外循环控制行数,内循环控制列数 

所以现在我们只需要进行列数的控制即可,控制什么呢?控制每次每循环一次,列数就比上次一次的少一列


<script>
    for (let i = 0; i < 5; i++) {
        //控制列数的内循环
        for (let j = i; j < 5; j++) {
            document.write("*");
        }
        document.write("<br/>")
    }
</script>
*****
****
***
**
*

现在成功输出了倒三角了,而我们从一个矩形输出转换为倒三角,只改了代码的一个字符, 也就是把内循环的初始值改变成了外循环的初始化值

外循环每循环一次,i都要加1 ,所以 i = 0,1,2,3,4; 而我们内循环正好是需要减少循环输出的列数,所以 i = 0的时候,则输出5个,i =1,的时候输出4个,以此类推,那么就得到了一个倒三角

 

而下面的第二种方式输出的效果也是一样的, 只要弄懂了规律,那么输出的方式多种多样

<script>
    for (let i = 0; i < 5; i++) {
        //控制列数的内循环
        for (let j = 0; j < 5 - i; j++) {
            document.write("*");
        }
        document.write("<br/>")
    }
</script>
*****
****
***
**
*