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>
   結果會是：
   
   
   如果您很習慣物件導向的語法，您還可以這樣寫：
   <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>
   結果會是：
   
   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>
   結果會是：
   
   你需要特別注意的是：禮拜天是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>
   結果會是：
   
   
   "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>
   結果會是：
   
   就是一個簡單的九九乘法表啦！（雖然）沒有排版過真的很醜！
   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>
   結果會是：
   



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>
   結果會是：