js中toFixed方法的兩個坑

• • toFixed返回結果是string，后續(xù)使用它計算會錯誤
  • toFixed返回結果可能出現(xiàn)負零-0.00

toFixed返回結果是string，后續(xù)使用它計算會錯誤

代碼演示：
類型判斷代碼示例：

var stringNum = (100.101).toFixed(2); var type = typeof stringNum == "string"; console.log(type); //type為true

后續(xù)使用代碼示例：
1）加法測試

var addResult = parseFloat(100.001).toFixed(2) + (parseFloat(100.001).toFixed(2)); console.log(addResult); //addResult為100.00100.00

加法結果：為字符串拼接。出現(xiàn)了計算錯誤。

2）減法測試

var subResult = parseFloat(100.001).toFixed(2) - (parseFloat(100.001).toFixed(2)); console.log(subResult); //subResult為0

減法結果：為正常計算，示例結果未出現(xiàn)問題。是否可能丟失精度有待考證。

2）乘法測試

var multiResult = (parseFloat(100.015).toFixed(2)) * (parseFloat(100.001).toFixed(2)); console.log(addResult); //multiResult為10002

乘法結果：為正常計算，示例結果未出現(xiàn)問題。是否可能丟失精度有待考證。

3）除法測試

var diviResult = (parseFloat(100.015).toFixed(2)) / (parseFloat(100.001).toFixed(2)); console.log(multiResult); //diviResult為1.0002

除法結果：為正常計算，示例結果未出現(xiàn)問題。是否可能丟失精度有待考證。

結論：
故toFixed返回結果是string，若直接用兩個string進行加法會出現(xiàn)錯誤。

toFixed返回結果可能出現(xiàn)負零-0.00

toFixed函數(shù)只處理數(shù)字位，不處理符號位，有可能會出現(xiàn)-0.0的情況。
例如：
a）問題示例如圖

b）問題代碼示例如下

var result = parseFloat((parseFloat(總收入數(shù)值1) - parseFloat(直營數(shù)值2) - parseFloat(戰(zhàn)略合作商數(shù)值3) - parseFloat(戰(zhàn)略合作商數(shù)值4)).toFixed(2)); //result為-0.0

總結

以上是生活随笔為你收集整理的js中toFixed方法的两个坑的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。