JavaScript的系統函數學習

1.編碼處理函數

1） encodeURI

返回一個對URI字串編碼後的結果。URL是最常見的一種URI；

2） decodeURI

將一個已編碼的URI字串解碼成最原始的字串返回；

3） 舉例：

eg.

1. < Script language = " javascript " >    
2.   
3. <!–    
4.   
5. var encodeStr = encodeURI( " http://www.amigoxie.com/index.jsp?name=阿蜜果 " );   
6.   
7. alert( " encodeStr: " + encodeStr);   
8.   
9. var decodeStr = decodeURI(encodeStr);   
10.   
11. alert( " decodeStr: " + decodeStr);   
12.   
13. // –>    
14.   
15. </ script >  

輸出結果：

1. encodeStr: http://www.amigoxie.com/index.jsp?name=%E9%98%BF%E8%9C%9C%E6%9E%9C   
2. decodeStr: http://www.amigoxie.com/index.jsp?name=阿蜜果  

2. 數值處理函數

1） parseInt

將一個字串指定的進位轉換為一個整數，文法格式為：

parseInt(numString, [radix])

第一個參數是要進行轉換的字串，是介於2到36之間的數值，用於指定進行字串轉換時所用的進位。

JavaScript代碼

1. <Script language="javascript">   
2.   
3. <!–   
4.   
5. //下面是同一個數用不同進位表示時在預設情況下的舉例   
6.   
7. document.write("預設情況下的結果：");   
8.   
9. document.write("32:"+parseInt(’32′));   
10.   
11. document.write(";032:"+parseInt(’032′));   
12.   
13. document.write(";0×32:"+parseInt(’0×32′)+"<br>");   
14.   
15. //下面是同一個數用不同進位表示時在轉為2進位的舉例   
16.   
17. document.write("轉為2進位的結果：");   
18.   
19. document.write("32:"+parseInt(’32′,2));   
20.   
21. document.write(";032:"+parseInt(’032′,2));   
22.   
23. document.write(";0×32:"+parseInt(’0×32′,2)+"<br>");   
24.   
25. //下面是同一個數用不同進位表示時在轉為8進位的舉例   
26.   
27. document.write("轉為8進位的結果：");   
28.   
29. document.write("32:"+parseInt(’32′,8));   
30.   
31. document.write(";032:"+parseInt(’032′,8));   
32.   
33. document.write(";0×32:"+parseInt(’0×32′,8)+"<br>");   
34.   
35. //下面是同一個數用不同進位表示時在轉為16進位的舉例   
36.   
37. document.write("轉為16進位的結果：");   
38.   
39. document.write("32:"+parseInt(’32′,16));   
40.   
41. document.write(";032:"+parseInt(’032′,16));   
42.   
43. document.write(";0×32:"+parseInt(’0×32′,16)+"<p>");   
44.   
45. //下面是對一個2進位數轉換為不同進位的舉例   
46.   
47. document.write("11001010轉換後的結果： "+"<br>");   
48.   
49. document.write("2進位:"+parseInt(’11001010′,2));   
50.   
51. document.write(";16進位:"+parseInt(’11001010′,16)+"<br>");   
52.   
53. document.write("8進位:"+parseInt(’11001010′,8));   
54.   
55. document.write(";10進位:"+parseInt(’11001010′,10));   
56.   
57. //下面是對不全是數字情況下轉換的舉例   
58.   
59. document.write("<p>43abc轉換後:"+parseInt(’43abc’));   
60.   
61. document.write(";abc43轉換後:"+parseInt(‘abc43′));   
62.   
63. document.write(";abc轉換後:"+parseInt(‘abc’));   
64.   
65. //–>   
66.   
67. </script>  

 

輸出結果：

1. 預設情況下的結果：32:32;032:26;0×32:50   
2.   
3. 轉為2進位的結果：32:NaN;032:0;0×32:0   
4.   
5. 轉為8進位的結果：32:26;032:26;0×32:0   
6.   
7. 轉為16進位的結果：32:50;032:50;0×32:50    
8.   
9. 11001010轉換後的結果：    
10.   
11. 2進位:202;16進位:285216784   
12.   
13. 8進位:2359816;10進位:11001010    
14.   
15. 43abc轉換後:43;abc43轉換後:NaN;abc轉換後:NaN   

2） parseFloat方法

該方法將一個字串轉換成對應的小數。

eg.

1. <Script language="javascript">   
2.   
3. <!–   
4.   
5. var floatStr = "4.1";   
6.   
7. alert((floatStr + 1) + "\n");   
8.   
9. alert(parseFloat(floatStr) + 1);   
10.   
11. //–>   
12.   
13. </script>   

輸出結果：

1. 輸出結果如下：   
2. 4.11   
3. 5.1  

3） isNaN方法

該方法用於檢測前兩個方法傳回值是否為非數值型，如果是，返回true，否則，反回false。 

EG：

1. <Script language="javascript">    
2. <!–   
3. var test = escape("am ^_^ igo");   
4. alert("am ^_^ igo經escape方法處理後為: " + test);   
5. //–>   
6. </script>  

輸出結果：

1. 輸出結果如下:   
2. parseInt(‘amigo1121′)的結果是: NaN  

3 字串編碼處理函數

1) escape方法

該方法返回對一個字串編碼後的結果字串,所有空格, 標點, 重音符號以及任何其他非ASCII碼字元都用%xx編碼替換,其中xx等於表示該字元的Unicode編碼的十六進位數.空格返回為"%20", 字元值大於255的字元以%xxxx格式儲存.

EG.

1. <Script language="javascript">    
2. <!–   
3. var test = escape("am ^_^ igo");   
4. alert("am ^_^ igo經escape方法處理後為: " + test);   
5. //–>   
6. </script>  

輸出結果：

1. 輸出為: am ^_^ igo經escape方法處理後為: am%20%5E_%5E%20igo   

2) unescape方法

該方法將一個用escape方法編碼的結果字串解碼成原始字串.

eg.

1. <Script language="javascript">   
2. <!–   
3. var test = escape("am ^_^ igo");   
4. var unescapeStr = unescape(test);   
5. alert("unescapeStr: " + unescapeStr);   
6. //–>   
7. </script>  

輸出結果:

1. 輸出結果為: am ^_^ igo  

3) eval方法

該方法將某個參數字串作為一個JavaScript執行.

 來源：http://www.bokelife.com/post-533-533/