认识Array矩阵与熟悉loop的控制结构课件.pptVIP

* * * * * * 認識Array矩陣與熟悉loop的控制結構 李大偉 交通大學 課程內容 什麼是陣列（array）？ 為什麼需要使用陣列（array） 熟悉loop的控制結構 利用 array 發撲克牌 什麼是陣列 Array？ 陣列是將一群變數（或記憶空間）排成一列，然後依序編號。因此可以照編號來找到每一個變數（或記憶空間） 。當你問：「第1個變數裡存的是什麼資料？」第1個變數就會告訴你，它存的是什麼。當你問：「第25個變數裡存的是什麼資料？」第25個變數就會告訴你，它存的是什麼。這是很有用的概念，因為你不需要將一群變數一一取不同的名字，然後一個一個把資料放進去。現在只要編號碼即可，然後利用迴圈控制程序，就可把所有的資料拿出處理運算之。 什麼是陣列 Array？ 變數名稱 d[1] d[2] d[3] d[4] d[5] d[6] 變數內容 dice1.gif dice2.gif dice3.gif dice4.gif dice5.gif dice6.gif 變數名稱 d1 d2 d3 d4 d5 d6 變數內容 dice1.gif dice2.gif dice3.gif dice4.gif dice5.gif dice6.gif 在此有6個不同的變數名稱：d1、d2、d3 … 在此只有1個的變數名稱：d，但卻有6個不同編號的變數 再談「擲骰子遊戲」 n=Math.floor(6*Math.random()+1) if (n= =1){p1.src=dice1.gif} else if(n= =2){p1.src=dice2.gif} else if(n= =3){p1.src=dice3.gif} else if(n= =4){p1.src=dice4.gif} else if(n= =5){p1.src=dice5.gif} else if(n= =6){p1.src=dice6.gif} n=Math.floor(6*Math.random()+1) p1.src = d[n] 如果利用array，程式可以簡化到只剩兩行指令如下： 陣列的宣告方式及其儲存資料的方式 var d = new Array(6); 這是宣告 d 是一群已經排好隊並編號變數（如上），d 的編號是從0開始，一直到6。事實上是d這個array有 7 個變數。 矩陣 d 儲存資料的方式，可以像右上角，一筆一筆的寫在程式上。也可以像右下角使用for loop幫忙。 d[1] = “dice1.gif”; d[2] = “dice2.gif”; d[3] = “dice3.gif”; d[4] = “dice4.gif”; d[5] = “dice5.gif”; d[6] = “dice6.gif”; for ( n=1; n=6; n=n+1) { d[n] = “dice”+n+ “.gif”; } for ( ntotal = 0; ntotal x; ntotal = ntotal + 1 ) { …………………….. } 認識 for 的 loop 控制語法 ntotal x …….……. …….……. ntotal = ntotal + 1 true false ntotal =0 如何連發3張不同的撲克牌 首先將撲克牌的圖檔名稱存於 card 的 array 中 產生1到13的任意整數，此為第一張撲克牌的大小，即 c1＝ 1~13的任一整數。 p1.src = card[c1] 再產生第二張撲克牌的大小，即 c2＝ 1~13的任一整數。但是c2 != c1 c2＝ 1~13的任一整數 while ( c2 = = c1) {c2＝ 1~13的任一整數} p2.src = card[c2] 再產生第三張撲克牌的大小，即 c3＝ 1~13的任一整數。但是 c3 != c1 而且 c3 != c1 c3＝ 1~13的任一整數 while ( c3 = = c1 || c3 = = c2) {c3＝ 1~13的任一整數} p3.src = card[c3] 製作「發撲克牌」的表單 開啟FrontPage，將空白網頁以「index.htm」存於「我的文件\WWW\js-10」 在我的講義網頁，選按「 ※下載「發撲克牌」的教材」，將所有的圖片下載於「我的文件\WWW\js-10」 先在「一般」狀態，輸入標題「發撲克牌」，在下一行插入3張相同的圖片「0.gif」 在「骰子計數器」的下面選按「插入」「表單」「按鈕」，然後將「提交」「重新輸入」刪除。將「按鈕」的內容改為「發牌」 「發撲克牌」的物件名稱 form name=“F1 表單：其名為 “F1” type=button name=B1 按鈕：其名為 “B1” img