DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript parseInt() 函數的進制轉換注意細節
javascript parseInt() 函數的進制轉換注意細節
編輯:關於JavaScript     
parseInt(string, radix) 有2個參數,第一個string 是傳入的數值,第二個radix是 傳入數值的進制,參數radix 可以忽略,默認為 10,各種進制的數轉換為 十進制整數(如果不是整數,向下取整)。

radix 的取值范圍是 2~36,如果 radix 為 1 或 radix>36 ,轉換結果將是 NaN ,如果 radix 為 0 或其它值將被忽略,radix 默認為 10 。

該函數要求第一個參數是字符串,如果不是字符串將被轉換成字符串,而且,在進行轉換之前,字符串參數的左側符合進制數所使用字符集的字符被截取出來用於進制數的轉換。
字符串參數開頭和結尾的空格會被忽略。

parseInt(param,radix) 相當於 parseInt(String(param).trim(),radix)
例如, parseInt(010) // 8,處理過程是
復制代碼 代碼如下:
010 --> 8 //0 開頭,八進制數
8 --> '8'
parseInt('8') //忽略 radix ,傳入的 第一個參數 被識別為 10進制數

復制代碼 代碼如下:
parseInt(0x10) // parseInt(16) 得到十進制16
parseInt(010,16) // parseInt('8',16) ,得到 8
parseInt(010,7) // parseInt('8',7) , 8 超出 7 進制數所使用字符的范圍被丟棄,轉換結果為 NaN
parseInt(0x10,8) // parseInt('16',8) 得到 14
parseInt(0x13,8) // parseInt('19',8) 字符 9 超出了8進制數所使用字符的范圍,被丟棄,轉換結果為 1
如果第一個參數直接傳入 字符串,忽略 radix ,則:
字符串以 0 開頭,默認被識別為 8 進制( IE 9 識別為 10進制,ie 6-8 識別為 8 進制 )
字符串以 0x 開頭,默認被識別為 16 進制
否則識別為 10進制
復制代碼 代碼如下:
parseInt('010') //8 ,ie9 得到 10
parseInt('018') //1 ,ie9 得到 18
parseInt('017') //15 , ,ie9 得到 15
parseInt('010',8) //直接識別為8進制 ,轉換結果 8
parseInt('010',7) //直接識別為7進制 ,轉換結果 7
parseInt('010',16) //直接識別為16進制 ,轉換結果 16
parseInt('0x10') //16
parseInt('0x1g') //1
parseInt('0x1f') //31
parseInt('0x10',8) //直接識別為8進制 ,字符 x 超出 8進制數所使用字符的范圍,轉換結果 0
parseInt('0x10',15) // 轉換結果 0
parseInt('0x10',16) // 0x 符合 16進制數的表達格式,被正確識別為 16 進制數,轉換結果同 parseInt('10',16) 為 16
parseInt('0x10',17) // 識別為17進制,字符 x 超出 17進制數所使用字符的范圍,轉換結果 0
parseInt(true) //NaN ,注意區別 布爾型在 Number 函數中的用法, Number(true) //1

需要特別注意的
1/0 // Infinity
Infinity.toString() // 'Infinity'
於是,坑爹的來了:
復制代碼 代碼如下:
parseInt(1/0,18) // NaN
parseInt(1/0,19) //18

因為 字符 i 在 19 進制數使用的字符集內,字符n 及後面的被丟棄
parseInt(1/0,19) 實際為 parseInt('i',19)
另外還有
復制代碼 代碼如下:
parseInt(NaN,36) // 30191

因為 字符 n 在 36 進制中相當於 十進制 23,a 相當於十進制 10,於是有
23*36*36 + 10*36 + 23 = 30191
parseInt(1/0,36) // 1461559270678 ,實為 parseInt('Infinity',36)
parseFloat 是沒有進制參數的,只能處理10進制數。
parseFloat.length //1
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved