Javascript parseFloat內部解析規則

標籤：

這是由小習發的一個問題引起的討論，結束後大家各自加深了多parseFloat的理解。

 

如下

16進位數0x10使用parseFloat轉成數字，結果為0。潛意識期望的結果是16。

 

有人說腦殘，16進位數為什麼要用parseFloat， 因為16進位不分int和float（那是10進位的事）。的確是這樣，實際項目中不能這麼幹，這裡僅就這種寫法來討論。

 

看下規範裡對parseFloat的解釋

大致步驟是先把參數轉成字串，去掉空白字元，非數字字元返回NaN，最後返回有效浮點數。Note提示到對於其它字元不會解析，直接忽略了。因此 對於 ‘0x10‘ 來說，從0開始解析，遇到x就停止了，最後返回了0。

 

如下

證明都是如此，遇到非數字字元就停止解析了。

 

但有一個例外

‘2e‘ 如上，e忽略返回了2，但 ‘2e2‘ 卻返回了 200

 

這是啥子原因？ 因為‘2e2‘裡的e2是冪運算，即 2*(10*10)，解析到e後發現後面還有數字就沒有忽略了。

 

MDN上解釋更直了

即 parseFloat 只處理 “+-”、 “0-9”、 小數點、符號e， 遇到其他字元就停止解析。

 

相關：

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/parseFloat

Javascript parseFloat內部解析規則