范仁义js课程---32、for循环嵌套
一、总结
一句话总结：
嵌套循环也就是循环里面再套循环，比如for循环里面再套一个for循环，用于解决一些更加复杂的场景
* ** *** **** ***** //这个for循环相当于是控制行数 for(var i=0;i<5;i++){ //内层循环是控制每一行*号的个数 for(var j=0;j<i+1;j++){ document.write('*'); } document.write('<br>'); // document.write('*****<br>'); }
1、弄懂复杂的嵌套循环的比较好方式是什么？
弄清楚每一个循环的作用（实际意义）
二、for循环嵌套
博客对应课程的视频位置：32、for循环嵌套
https://www.fanrenyi.com/video/19/129
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>for循环嵌套</title> 6 </head> 7 <body> 8 <!-- 9 for(){ 10 for(){ 11 12 } 13 } 14 15 需求： 16 * 1 17 ** 2 18 *** 3 19 **** 4 20 ***** 5 21 22 简化问题： 23 24 ***** 25 ***** 26 ***** 27 ***** 28 ***** 29 30 ***** i=0 j=5 31 **** i=1 j=4 32 *** i=2 j=3 33 ** 34 * 35 i+j=5 36 j=5-i 37 38 原理： 39 i=0 40 i+1=1 41 42 i=1 43 1<5 44 j=0 45 i+1=2 46 47 i=2 48 49 嵌套循环比较好的掌握方式 50 弄清楚每一个循环的作用（实际意义） 51 52 --> 53 <script> 54 //这个for循环相当于是控制行数 55 // for(var i=0;i<5;i++){ 56 // //内层循环是控制每一行*号的个数 57 // for(var j=0;j<i+1;j++){ 58 // document.write('*'); 59 // } 60 // document.write('<br>'); 61 // // document.write('*****<br>'); 62 // } 63 64 //下三角 65 for(var i=0;i<5;i++){ 66 //内层循环是控制每一行*号的个数 67 for(var j=0;j<5-i;j++){ 68 document.write('*'); 69 } 70 document.write('<br>'); 71 // document.write('*****<br>'); 72 } 73 74 75 </script> 76 </body> 77 </html>