標籤:parse 返回 函數 其他 類型 oat font 不同的 code
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 * true 轉成 1 18 * false 轉成 0 19 * 20 * - null --> 數字 0 21 * 22 * - undefined --> 數字 NaN 23 * 24 * 轉換方式二: 25 * - 這種方式專門用來對付字串 26 * - parseInt() 把一個字串轉換為一個整數 27 * - parseFloat() 把一個字串轉換為一個浮點數 28 */ 29 30 var a = "123"; 31 32 //調用Number()函數來將a轉換為Number類型 33 34 a = Number(a); 35 //console.log(typeof a); //number 36 37 a = "ABGFFF"; 38 a = Number(a); 39 //console.log(a); //NaN 40 //console.log(typeof a); //number,使用typeof檢查一個NaN也會返回number 41 42 a = ""; 43 a = Number(a); 44 //console.log(a); //0 45 //console.log(typeof a); //number 46 47 a = false; 48 a = Number(a); 49 //console.log(a); //0 50 //console.log(typeof a); //number 51 52 a = null; 53 a = Number(a); 54 //console.log(a); //0 55 //console.log(typeof a); //number 56 57 a = undefined; 58 a = Number(a); 59 //console.log(a); //NaN 60 //console.log(typeof a); //number 61 62 a = "123567a567px"; 63 //調用parseInt()函數將a轉換為Number 64 /* 65 * parseInt()可以將一個字串中的有效整數內容去出來, 66 * 然後轉換為Number 67 */ 68 a = parseInt(a); 69 //console.log(a); //123567 70 //console.log(typeof a); //number 71 72 /* 73 * parseFloat()作用和parseInt()類似,不同的是它可以獲得有效小數 74 */ 75 a = "123.456.789px"; 76 a = parseFloat(a); 77 //console.log(a); //123.456 78 //console.log(typeof a); //number 79 80 /* 81 * 如果對非String使用parseInt()或parseFloat() 82 * 它會先將其轉換為String然後再操作 83 */ 84 a = true; 85 a = parseInt(a); 86 console.log(a); //NaN 87 console.log(typeof a); //number 88 89 a = 198.23; 90 a = parseInt(a); 91 console.log(a); //198 92 console.log(typeof a); //number 93 94 95 96 </script> 97 </head> 98 <body> 99 </body>100 </html>
JS基礎_強制類型轉換-Number