金額轉換出現的BUG

mishe發表於2016-12-23
原文網址 : https://juejin.im/post/585cde9bb123db0065a5af90

金額轉換，比如：服務端返回 0 > 0.00 0.1 > 0.10 等

一開始由於服務端返回的金額基本都是大於0的，因此，轉換函式是這麼寫的

function format(v){
    if(!v) return '0.00'
    v = parseFloat(v).toFixed(2);
    v = v.toString().split('.');
    return (+v[0]).toLocaleString() + '.' + (v[1] >= 01 ? v[1] : '00');
}複製程式碼

用著這個轉換函式，一點問題也沒有，直到一天，服務端返回了一個小於0的負數，並且是-0.1這樣的比較特殊的，經過轉換後，返回的是0.10

怎麼會這樣的啊，-1.1 怎麼就不報錯呢？

原來在JS中（+‘-0’）返回的是0，而不是-0；原因是（）引起了表示式的隱私轉換；

不加（）的時候+'-0' 返回的還是 -0

那麼是不是可以用parseInt呢？parseInt('-0') >> -0 而parseInt(+'-0') >> 0

看上去是隻要把(+v[0]) 改成 parseInt(v[0]) 就好了;

function format(v){
    if(!v) return '0.00'
    v = parseFloat(v).toFixed(2);
    v = v.toString().split('.');
    return parseInt(v[0]).toLocaleString() + '.' + (v[1] >= 01 ? v[1] : '00');
}複製程式碼

但現實是：這樣做還是不行的；

這是什麼鬼啊？

'-0'.toLocaleString() 明明是輸出 -0的;

('-0').toLocaleString() 也是 -0

-0..toLocaleString() 也是 -0

為什麼parseInt('-0').toLocaleString() 就不是 -0了呢? 這個中間又有哪些不為人知的隱私轉換呢？

我們來分解下parseInt('-0').toLocaleString()

var num=parseInt('-0')  >>> -0
num.toLocaleString()  >>0複製程式碼

看上去是toLocaleString的時候發生了什麼的錯誤。

轉換思路，換個方案

既然錯誤只發生在-0.x的時候，那個只要檢查-0的情況，然後做特殊處理

v[0]==0 && v[0].substr(0,1)=='-'複製程式碼

通過這樣一行程式碼就能識別是 -0了

function format(v){
    if(!v) return '0.00'
    v = parseFloat(v).toFixed(2);
    v = v.toString().split('.');
    return (v[0]==0 && v[0].substr(0,1)=='-'?'-':'')+(+v[0]).toLocaleString() + '.' + (v[1] >= 01 ? v[1] : '00');
}複製程式碼

終於解決了金額轉換的bug

打個廣告：個人github：github.com/mishe/blog/…

本文對你有幫助？歡迎掃碼加入前端學習小組微信群：

金額轉換出現的BUG

相關文章