微信扫一扫打赏支持

范仁义js课程---32、for循环嵌套

范仁义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>

 

 

 
posted @ 2020-03-01 09:20  范仁义  阅读(366)  评论(0)  编辑  收藏  举报