js toFixed()方法的坑

javascript中toFixed使用的是銀行家舍入規則。

銀行家舍入:所謂銀行家舍入法，其實質是一種四舍六入五取偶（又稱四舍六入五留雙）法。

簡單來說就是：四舍六入五考慮，五后非零就進一，五后為零看奇偶，五前為偶應舍去，五前為奇要進一。但是不論引入toFixed解決浮點數計算精度缺失的問題也好，它有沒有使用銀行家舍入法也罷，都是為了解決精度的問題，但是又離不開二進制浮點數的環境，但至少他幫助我們找到了問題所在，從而讓我們有解決方法。

 

一：四舍五入並不是真正的四舍五入

 

這個問題是在測試階段我們的測試人員提出來的。一開始我也很吃驚，結果待我在控制台試了一些數據之后，我懵逼了,我一直在用的toFixed方法竟然有問題

 

chrome上的測試結果：

 

 

 

1.35.toFixed(1) // 1.4 正確

 

1.335.toFixed(2) // 1.33 錯誤

 

1.3335.toFixed(3) // 1.333 錯誤

 

1.33335.toFixed(4) // 1.3334 正確

 

1.333335.toFixed(5)  // 1.33333 錯誤

 

1.3333335.toFixed(6) // 1.333333 錯誤

 

IE上的測試結果：

 

1.35.toFixed(1) // 1.4 正確

 

1.335.toFixed(2) // 1.34  正確

 

1.3335.toFixed(3) // 1.334 正確

 

1.33335.toFixed(4) // 1.3334 正確

 

1.333335.toFixed(5)  // 1.33334 正確

 

1.3333335.toFixed(6) // 1.333334 正確

我個人的解決方法numFormat 為千分位方法

 

numFormat(Math.round(money*100/100).toFixed(2))

//千分位 保留兩位小數方法

format(num) {
      let str = ""; //字符串累加
      str = (Math.round(num * 100) / 100)
        .toFixed(2)
        .toString()
        .replace(/(\d)(?=(\d{3})+\.)/g, function($0, $1) {
          return $1 + ",";
        });
      return str; //字符串=>數組=>反轉=>字符串
    }

 個人vuepress搭建博客 https://wojiaozhangyonghao.github.io/goodBlog/

加群教你用vue + vuepress 搭建自己的博客

加入技術交流群

掃描二維碼

 

每天成長一點點