码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-03-15 17:34:43      阅读:103      评论:0      收藏:0      [点我收藏+]

标签:png   col   就是   第一个   style   原理   技术   结束   nbsp   

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>);/* 第二个 外部循环结束一次之后,执行换行 */
        }

效果图如下:

技术图片

 

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

 

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

标签:png   col   就是   第一个   style   原理   技术   结束   nbsp   

原文地址:https://www.cnblogs.com/slslsl/p/12498685.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!