1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5 <title></title>
6 <script type="text/javascript">
7
8 /*
9 * 將其他的數據類型轉換為Number 10 * 轉換方式一： 11 * 使用Number()函數 12 * - 字符串 --> 數字 13 * 1.如果是純數字的字符串，則直接將其轉換為數字 14 * 2.如果字符串中有非數字的內容，則轉換為NaN 15 * 3.如果字符串是一個空串或者是一個全是空格的字符串，則轉換為0 16 * 17 * - 布爾 --> 數字 18 * true 轉成 1 19 * false 轉成 0 20 * 21 * - null --> 數字 0 22 * 23 * - undefined --> 數字 NaN 24 * 25 * 轉換方式二： 26 * - 這種方式專門用來對付字符串 27 * - parseInt() 把一個字符串轉換為一個整數 28 * - parseFloat() 把一個字符串轉換為一個浮點數 29 */
30
31 //1.使用Number()函數
32 var a = "123"; 33 a = Number(a); 34 console.log(typeof a); //number
35
36 a = "ABGFFF"; 37 a = Number(a); 38 console.log(a); //NaN
39 console.log(typeof a); //number,使用typeof檢查一個NaN也會返回number
40
41 a = ""; 42 a = Number(a); 43 console.log(a); //0
44 console.log(typeof a); //number
45
46 a = false; 47 a = Number(a); 48 console.log(a); //0
49 console.log(typeof a); //number
50
51 a = null; 52 a = Number(a); 53 console.log(a); //0
54 console.log(typeof a); //number
55
56 a = undefined; 57 a = Number(a); 58 console.log(a); //NaN
59 console.log(typeof a); //number
60
61 //--------------------------------------------------------------------------------------------------
62
63 //2.調用parseInt()函數、parseFloat()函數
64 /*
65 * parseInt()可以將一個字符串中的有效的整數內容取出來， 66 * 然后轉換為Number 67 */
68 a = "123567a567px"; 69
70 a = parseInt(a); 71 console.log(a); //123567
72 console.log(typeof a); //number
73
74
75 /*
76 * parseFloat()作用和parseInt()類似，不同的是它可以獲得有效的小數 77 */
78 a = "123.456.789px"; 79 a = parseFloat(a); 80 console.log(a); //123.456
81 console.log(typeof a); //number
82
83
84 /*
85 * 如果對非String使用parseInt()或parseFloat() 86 * 它會先將其轉換為String然后再操作 87 */
88 a = true; 89 a = parseInt(a); 90 console.log(a); //NaN
91 console.log(typeof a); //number
92
93
94 a = 198.23; 95 a = parseInt(a); 96 console.log(a); //198
97 console.log(typeof a); //number
98
99
100
101 </script>
102 </head>
103 <body>
104 </body>
105 </html>
