金額轉換出現的BUG

mishe發表於2016-12-23

金額轉換,比如:服務端返回 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

相關文章