认识nestedloop的控制结构进阶回圈控制的应用巢状回圈.pptVIP

認識 nested loop的控制結構 –進階迴圈控制的應用：巢狀迴圈 李大偉 交通大學 課程內容 熟悉程式中雙迴圈 loop 控制結構 製作「列印9*9乘法表」 製作「繪製任意長寬矩形」 製作「繪製任意高的等腰三角形」 製作「判斷是否為質數」 for loop 的語法與程式結構 var ntotal =0 for ( ntotal = 0; ntotal x; ntotal = ntotal + 1 ) { …………………….. } ntotal x …….……. ntotal = ntotal + 1; true false var ntotal =0 巢狀迴圈結構的程式流程 x = 9 true false Table99=“” x =1; x = x+ 1; y = 9 y= y + 1; Table99 = Table99 + x*y true false y= 1; true 列印結果 命令電腦好好的背出 99乘法表 Table99 = Table99 + “\n” 巢狀迴圈控制的語法 var table99=; for (x=1; x=9; x=x+1) { for (y=1; y=9; y=y+1) {table99 = table99 + x*y} } F1.S1.value=table99 這樣的程式就能讓 電腦好好的背出 99乘法表嗎？ 問題出在哪？ 先建立99乘法的表單物件 form name=“F1 表單：其名為 “F1” Type=button name=“B1 按鈕：其名為 “B1” Type=button name=“S1 文字區域：其名為 “S1” 字元寬度：120 行數：10 JS Homework 9-1 HW1：製作「列印9*9乘法表」（10％） 請幫忙解決「巢狀迴圈控制的語法」中「列印9*9乘法表」程式碼錯誤的問題 並且讓使用者按性表單「F1」中的按鈕「B1」隨即在文字區域列印出9*9乘法表，如下圖。有沒有對齊沒有關係。 「繪製任意長寬矩形」 繪製任意長寬矩形的表單 form name=“F2 表單：其名為 “F2” Type=button name=“B1 按鈕：其名為 “B1” Type=button name=“S1 文字區域：其名為 “S1” 字元寬度：120 行數：10 Type=text name=“T1 文字方塊：其名為 “T1” Type=text name=“T2 文字方塊：其名為 “T2” 繪製任意長寬矩形的程式流程 x = w true false w=F2.T1.value; h=F2.T2.value; abcd=“” x =1; x = x+ 1; y = h y= y + 1; abcd = abcd + “*” true false y= 1; true 列印結果 abcd = abcd + “\n” 問題出在哪？ JS Homework 9-2 HW2： 「繪製任意長寬矩形」 輸入2整數值 ；一為矩形的寬，一為矩形的長 請電腦以星號 * 在文字區域 F2.S1 中列印此矩形(10%) 警告使用者訊息：（5%） 如果輸入為實數請利用alert警告使用者：「你輸入數字應該為整數！」 如果輸入為數值小於1請利用alert警告使用者：「你輸入數字應該大於1！」 繪製任意高的等腰三角形 繪製等腰三角形的想法 第一行：4個空格 + 1個 * 第二行：3個空格 + 3個 * 第三行：2個空格 + 5個 * 第四行：1個空格 + 7個 * 第五行：0個空格 + 9個 * ……歸納法……? 第x 行：(h-x)個空格 + (2x-1)個* 外迴圈 內迴圈 假設此等腰三角形高度為 h 繪製等腰三角形的表單 form name=“F3 表單：其名為 “F3” Type=button name=“B1 按鈕：其名為 “B1” Type=button name=“S1 文字區域：其名為 “S1” 字元寬度：120 行數：10 Type=text name=“T1 文字方塊：其名為 “T1” y = h-x 任意高的等腰三角形的程式流程 x = h true false h=F3.T1.value; abc=“” x =1; x = x+ 1; y= y + 1; abc = abc + “ ” true false y= 1; true 列印結果 abc = abc + “\n” y 2x abc = abc + “*” y= y + 1; false JS Homework 9-3 HW3：製作「繪製任意高的等腰三角形」 輸入一整數值為等腰三角形的高 請電腦以星號 * 在文字區域 F3.S1 中列印此等腰三角形 (10%) 警告使用者