JavaScript練習筆記(4)

在講到物件之前，我們先從陣列這個重要功能開始講起。

1. 建立你的第一個array！
   <script language="JavaScript1.2"> var myCerts = new Array(); //建立一個myCert陣列物件，並依序把陣列值填上。 myCerts[0] = "NCLP"; myCerts[1] = "SCJP"; myCerts[2] = "CCNA"; for (i= 0; i< myCerts.length; i++){ document.write(myCerts[i] + "<br />"); } </script>
   結果會是：
   NCLP
   SCJP
   CCNA
   
   
   注意，陣列的index是從0開始算起。



2. 加強型的for語法：for in
   <script language="JavaScript1.2"> for (some in myCerts){ document.write(myCert[some] + "<br />"); } </script>
   結果也會是：
   NCLP
   SCJP
   CCNA
   
   跟Java的foreach語法有些不同，但是用意是類似的。傳統的for可以讓你從陣列中依序、依間隔撈出想要的元素值；而for in(或是foreach)語法雖然比較簡單，但是卻只能「每一個」都取出。



3. 陣列相加
   JavaScript的陣列相加非常容易，他把陣列當成字串方式來處理！
   <script language="JavaScript1.2"> var arr1 = new Array(3); arr1[0] = "Sherri"; arr1[1] = "Hotel"; arr1[2] = "Oscar"; var arr2 = new Array(2); arr2[0] = "Civil"; arr2[1] = "Kilo"; document.write(arr1.concat(arr2)); </script>
   結果會是：
   Sherri,Hotel,Oscar,function concat() { [native code] }
   透過concat()方法，javascript會幫我們補上一個","作間隔。



4. 把陣列轉成字串列印--join()並切割--split()
   <script language="JavaScript1.2"> //沿用上一個arr1跟arr2物件 document.write(arr1.join()+"<br />");//把arr1變成字串印出，元素預設以","分隔 document.write(arr2.join()+"<br />"); document.write(arr1.join(".")+"<br />"); //把arr1變成字串印出，元素改用"."作分隔 var arr3 = new Array(); //建立一個新的arr3陣列物件，要把arr1與arr2合併為arr3 arr3 = arr1.concat(arr2).join(" ").split("\\s+");/*先組成一個字串，利用空白分隔， 再利用split()方法搭配regular expr.將字串差成陣列，再指派給arr3。*/ document.write("利用for in印出陣列元素！<br />"); for (x in arr3){ document.write(arr3[x]); //利用上個例子所學的for in把陣列元素一個一個印出來。 } document.write("<br />利用傳統的for印出陣列元素！<br />"); for(i = 0; i< arr3.length; i++){ document.write(arr3[i]); } </script>
   結果會是：
   Sherri,Hotel,Oscar
   Civil,Kilo
   Sherri.Hotel.Oscar
   利用for in印出陣列元素！
   Sherri Hotel Oscar Civil Kilo
   利用傳統的for印出陣列元素！
   Sherri Hotel Oscar Civil Kilo



5. 排序陣列元素--sort()並自訂排序方法
   <script language="JavaScript1.2"> function sortMean( numA, numB){ return numA - numB; } var arr4 = new Array(7); //來一個純英文的字串陣列！ arr4[0] = "Fedora"; arr4[1] = "Debian"; arr4[2] = "CentOS"; arr4[3] = "Mandriva"; arr4[4] = "OpenSuSE";arr4[5] = "Ubuntu"; arr4[6] = "openSolaris"; var arr5 = new Array(6); //來一個英文與數字夾雜的陣列！ arr5[0] = 10; arr5[1] = 10.0; arr5[2] = 10.5; arr5[3] = "100"; arr5[4] = "A100.3"; arr5[5] = 500; document.write("排序前<br/>"); document.write(arr4 + "<br/>");//我的天阿，竟然可以直接印出陣列！ document.write("排序後<br/>"); document.write(arr4.sort() + "<br/>"); //依英文字買排序 //列印arr5 document.write("排序前<br/>"); document.write(arr5 + "<br/>");//我的天阿，竟然可以直接印出陣列！ document.write("排序後<br/>"); document.write(arr5.sort() + "<br/>"); //依英文字買排序 document.write("number排序後<br/>"); document.write(arr5.sort(sortMean) + "<br/>"); //依英文字買排序 </script>
   結果會是：
   排序前
   Fedora,Debian,CentOS,Mandriva,OpenSuSE,Ubuntu,openSolaris
   排序後
   CentOS,Debian,Fedora,Mandriva,OpenSuSE,Ubuntu,openSolaris
   排序前
   10,10,10.5,100,A100.3,500
   排序後
   10,10,10.5,100,500,A100.3
   number排序後
   10,10,10.5,100,500,A100.3
   
   
   由此可知，英文字母排序是大寫先排完之後，再排小寫。
   印出陣列時，如果小數點為0則只印出整數部份。
   數字也可以跟字串進行排序，只要符合你自己的規則即可！