JavaScript練習筆記(2)

流程控制與迴圈
上一篇筆記裡忘記提到：JavaScript是區分大小寫，所以跟Java的使用相同！
如果你有任何一種語言的撰寫經驗，這一篇只要輕鬆看過就好！

1. 你的第一個物件以及簡單的if判斷式：
   <script type="text/javascript"> var mydate=new Date(); var mytime=mydate.getHours(); if (mytime < 10){ document.write("<b>Good morning</b>, present time is:"+mytime+" o'clock."); }else{ document.write("<b>The present time is: </b>"+mytime+" o'clock."); } </script>
   結果會是：
   Good morning, present time is:0 o'clock.
   
   如果您很習慣物件導向的語法，您還可以這樣寫：
   <script type="text/javascript"> var mytime=new Date().getHours(); if (mytime < 10){ document.write("<b>Good morning</b>, present time is:"+mytime+" o'clock."); }else{ document.write("<b>The present time is: </b>"+mytime+" o'clock."); } </script>
   這種方法非常簡潔有力，也不會很難理解，建議大家使用。



2. Math類別都有一個random()的方法，蠻好玩的！
   <script type="text/javascript"> var rdn=Math.random(); if ((rdn*100+1) >50) { document.write("the random number is: "+(rdn*100+1)+"."); }else if((rdn*100+1) < 10){ document.write("the random number is: "+(rdn*100+1)+" which is between 50 and 10."); }else{ document.write("the random number is less than 10 !"); } </script>
   結果會是：
   the random number is: 74.81424081686339.
   Math.random()會創造出一個範圍大於等於0到小於1的小數，語法跟java幾乎一樣，太好了。


3. 簡單條件判斷式：(condition)? A : B
   當condition為true時，回傳A, 否則回傳B。適用於僅兩種可能性時，比if的語法簡單多了。
   <script language="javascript"> var myDay = new Date().getDay(); //theDay接收今天是一週的第幾天 var str1="today is weekend."; var str2="today is working day."; (myDay == 6 || myDay == 0 ) ? document.write(str1): document.write(str2); </script>
   結果會是：
   today is working day.
   你需要特別注意的是：禮拜天是0，禮拜一是1，禮拜六是6，非常好記。



4. switch case條件判斷式：
   <script language="JavaScript1.2"> //我明確指定javascript的版本為1.2 var thisTime=new Date().getHour(); switch(thisTime){ case 1,2,3,4,5,6: document.write("now is the mid-night!"); break; case 7,8,9,10,11: document.write("now is the morning!"); break; case 12,13: document.write("now is the noon!"); break; case 14,15,16,17: document.write("now is the afternoon!"); break; default: document.write("now is the night!"); //break; } </script>
   結果會是：
   now is the night!
   
   "break;"的重要性我就不重複提了，default值可以不用再寫"break;"，因為他是最後會執行的程式碼。要小心.getHours()是有s的阿！



5. 關於 邏輯運算子的一點提醒：假設x=5, y=25:
   

   邏輯運算子	簡單描述	範例
   &&	and	(x < 10 && y > 20)為真
   ||	or	(x==5 || y==5) 為假
   !	not	!(x==y) 為真

   在JavaScript裡沒有所謂的鬆散判斷"&"或是"|"。在Java裡， (x < 10 && y > 20)與 (x < 10 & y > 20)解讀上是不相同的。"&&"是聰明的邏輯運算子，假設前者已為false，則後續的比較必定為false，馬上就能回傳所定義的值；"||"也是假設前者已經是true，則總體必然為true，後續就可以不用在比下去了。
   JavaScript都是嚴謹的邏輯判斷式，對於script language來說更能提昇效率。
   


6. 來個簡單的for迴圈吧：
   <script language="JavaScript1.2"> var i, j; //不指定初值 for(i=1; i<10; i++){ for(j=1; j<10; j++){ document.write(i*j+" "); } document.write("<br/>"); } </script>
   結果會是：
   1 2 3 4 5 6 7 8 9
   2 4 6 8 10 12 14 16 18
   3 6 9 12 15 18 21 24 27
   4 8 12 16 20 24 28 32 36
   5 10 15 20 25 30 35 40 45
   6 12 18 24 30 36 42 48 54
   7 14 21 28 35 42 49 56 63
   8 16 24 32 40 48 56 64 72
   9 18 27 36 45 54 63 72 81
   
   就是一個簡單的九九乘法表啦！（雖然）沒有排版過真的很醜！
   for迴圈還有加強型的for-in(Java裡為foreach)，我們講到陣列之後再回過頭來提一次。



7. 來個簡單的while迴圈吧！
   <script type="text/javascript"> var count=0; var i=10; while (count<10){ document.write("The number is " + i); document.write("<br />"); i+=5; count++; } </script>
   結果會是：
   The number is 10
   The number is 15
   The number is 20
   The number is 25
   The number is 30
   The number is 35
   The number is 40
   The number is 45
   The number is 50
   The number is 55
   



8. 先作一次再說的do-while迴圈
   <script language="JavaScript1.2"> var count=0; var i=10; do{ document.write("The number is " + i); document.write("<br />"); i+=5; count++; }while (count<10) </script>
   結果會是：
   The number is 10
   The number is 15
   The number is 20
   The number is 25
   The number is 30
   The number is 35
   The number is 40
   The number is 45
   The number is 50
   The number is 55