双重for循环的嵌套执行原理

有很多的例子，我们都需要多个循环来实现，库如例如：金字塔，三角形，等等。
下面我们来看一下for循环嵌套的原理

for(var i = 0; i<=5;i++){
	for(var j =0; j<=5;j++){
	}
}

上述for循环嵌套的执行顺序是，当外层循环一次，内存循环循环结束后再接着外层循环；即当i=0时条件成立，执行下面操作，当j=0时，条件成立，j这个循环开始循环，当j循环结束后跳出该循环，然后i++;再进行j循环，一直到外层循环结束，程序才结束。
如果不太理解可以通过谷歌浏览器打断点的方法来查看，首先按f12键/右键检查，弹出操作台，点击sources,然后选择需要打断点的页面，再选择需要打断点的行，再点击刷新页面一下，页面就会不停的转，然后就可以通过右侧的下一步来查看循环的执行顺序了，如果查看完毕需要帮断点取消刷新页面以保证页面的展示。
详情如下图：

通过上述解释，可以自己做几个小案例：
1.金字塔的实现---->可以自己想要几层金字塔输入后就能显示

var num = prompt("请输入要做的层数");
        for(var i=1;i<=num;i++){
            for(var j=i; j<=num;j++){
                document.write(' ');
            }
            for(var p=1;p<=i;p++){
                document.write('*' + ' ');
            }
            document.write('
');
        }

2.九九乘法表的实现

var int1='';
            for(var i =1; i<=9; i++){
                for(var j=1; j <= i; j++){
                    int1 += j + '×' + i + '=' + j * i +'   ';
                }
                int1 += '
';
            }
            document.write(int1);

可以通过以上例子自己进行拓展：正方形，直角三角形，百鸡白钱。