1. 程式人生 > >JS基礎_嵌套的for循環

JS基礎_嵌套的for循環

har 就會 font 循環 log pan blog ont 控制

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8" />
 5         <title></title>
 6         <script type="text/javascript">
 7             
 8             /*
 9              
10                  通過程序,在頁面中輸出如下的圖形:
11                  
12
* 1 <1 i=0 13 ** 2 <2 i=1 14 *** 3 <3 i=2 15 **** 4 <4 i=3 16 ***** 5 <5 i=4 17 18 ***** 19 ***** 20 *****
21 ***** 22 ***** 23 24 ***** 1 j<5(5-0) i=0 25 **** 2 j<4(5-1) i=1 26 *** 3 j<3(5-2) i=2 27 ** 4 j<2(5-3) i=3 28 * 5 j<1(5-4) i=4
29 30 31 */ 32 33 //-------------------------------------------------------------------------------- 34 35 //向body中輸出一個內容 36 //document.write("*****<br />"); 37 38 39 /*for(var i=0 ; i<5 ; i++){ 40 document.write("*****<br />"); 41 }*/ 42 43 44 for(var i=0 ; i<5 ; i++){ 45 for(var j=0 ; j<5 ; j++){ 46 document.write("* "); 47 } 48 //輸出一個換行 49 document.write("<br />"); 50 } 51 52 53 //通過一個for循環來輸出圖形 54 //這個for循環執行幾次,圖形的高度就是多少 55 //它可以用來控制圖形的高度 56 for(var i=0 ; i<5 ; i++){ 57 58 /* 59 * 在循環的內部再創建一個循環,用來控制圖形的寬度 60 * 目前我們的外部的for循環執行1次,內部的就會執行5次 61 * 內層循環可以來決定圖形的寬度,執行幾次圖形的寬度就是多少 62 */ 63 64 for(var j=0 ; j<i+1 ; j++){ 65 document.write("*&nbsp;&nbsp;&nbsp;"); 66 } 67 68 69 /*for(var j=0 ; j<5-i ; j++){ 70 document.write("*&nbsp;&nbsp;&nbsp;"); 71 }*/ 72 73 //輸出一個換行 74 document.write("<br />"); 75 76 77 } 78 79 80 81 </script> 82 </head> 83 <body> 84 85 </body> 86 </html>

JS基礎_嵌套的for循環