逆战班 js双重循环嵌套原理

Posted 2021-03-05 slslsl

js双重循环嵌套原理

双重循环嵌套的原理无非就是外面一个外部循环，里边有内部循环，在外部循环执行了第一步之后，优先执行内部的循环，内部所有循环结束就执行了一次外部循环。

拿for循环举个例子，用*简单化一个圣诞树

 for( var f = 1 ;f <=5; f++ ){/*这个就是外部的循环*/

            

            for(var h = 1 ; h <= 5-f; h++){/* 这里是第一个内部循环，加空格*/
               

            document.write( ‘&nbsp;‘);
            }
            for(var g = 1 ; g <= f; g++){/*这里是第二个内部循环，加星星*/
               

            document.write( ‘* ‘ );
            }
        document.write(‘<br>‘);/* 每执行一次外部循环之后换行执行后面几行的循环 */
        }

        for( var i = 1 ; i <= 5; i++ ){/* 第二个外部循环 */
            for( var j=1; j<=5;j++ ){/* 第二个 第一步 的内部循环，加空格 */
                document.write(‘&nbsp;‘);
            }
            for(var j = 1; j<=1;j++){/* 第二个 第二步的 内部循环，加星星 */
                document.write(‘*‘);
            }
            document.write(‘<br>‘);/* 第二个 外部循环结束一次之后，执行换行 */
        }

效果图如下：

 

 原理很简单，就是内部循环结束之后实现一次外部循环。