有很多的例子,我们都需要多个循环来实现,库如例如:金字塔,三角形,等等。
下面我们来看一下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('<br/>');
}
2.九九乘法表的实现
var int1='';
for(var i =1; i<=9; i++){
for(var j=1; j <= i; j++){
int1 += j + '×' + i + '=' + j * i +' ';
}
int1 += '<br/>';
}
document.write(int1);
可以通过以上例子自己进行拓展:正方形,直角三角形,百鸡白钱。