js toFixed()方法的坑

来源:https://www.cnblogs.com/zazahao/archive/2019/04/14/10705411.html
-Advertisement-
Play Games

javascript中toFixed使用的是銀行家舍入規則。 銀行家舍入:所謂銀行家舍入法,其實質是一種四舍六入五取偶(又稱四舍六入五留雙)法。 簡單來說就是:四舍六入五考慮,五後非零就進一,五後為零看奇偶,五前為偶應捨去,五前為奇要進一。但是不論引入toFixed解決浮點數計算精度缺失的問題也好, ...


javascripttoFixed使用的是銀行家舍入規則。

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

簡單來說就是:四舍六入五考慮,五後非零就進一,五後為零看奇偶,五前為偶應捨去,五前為奇要進一。但是不論引入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))

 

如果您覺得文章有用,可以打賞個咖啡錢

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 前端通過請求獲取數據流生成文檔文件的方式是一種開發下載文檔的方式,那麼在前端如何將數據流轉成文檔呢?代碼如下 ...
  • 1引言 HTTP是一個屬於應用層的面向對象的協議,由於其簡捷、快速的方式,適用於分散式超媒體信息系統。它於1990年提出,經過幾年的使用與發展,得到不斷地完善和擴展。目前在WWW中使用的是HTTP/1.0的第六版,HTTP/1.1的規範化工作正在進行之中,而且HTTP-NG(Next Generat ...
  • 前端性能優化一直是前端工作中必不可少的一部分,但是我們如何知道哪些部分的性能有優化的空間呢?此時,Chrome 性能監測就派上用場了。 正所謂:知己知彼,百戰百勝,只有確定了性能瓶頸,才能有條不紊地進行前端性能優化工作。 Performance Performance 是 Chrome 開發者工具中 ...
  • vue或element-ui有的時候tab列表裡需要編輯一些東西,使用後臺分頁是需要調介面的,這個時候你編輯的東西翻頁後就不存在了,就需要拿到所有數據後在前端進行分頁,數據就不會丟失了,這個時候就可以把編輯後的數據一起傳給後臺。 this.settlementData這裡是介面拿回來的所有數據, 然 ...
  • 常見的佈局上(兩列佈局) 1.常見的兩列佈局 1.1左邊固定,右邊自適應,左邊寬度已知,右邊預設占滿整行,使用left 左浮動,右邊不浮動,設置margin-left:左側寬度 1.2右側固定,寬度已知,左側自適應,記住固定的區域一定要放自適應區域的右邊, 單列固定都是比較簡單的還有嵌套一層div方 ...
  • 在js調試中,大部分的前端人員都是採用console.log()方法來列印出調試的數據,但是很多人都不知道console這個對象有很多很實在的方法,本文就來介紹一下這些方法的使用。 一、console.log() console.log()這個方法是前端人員最熟悉的了,幾乎我們每天都會使用,除了簡單 ...
  • 前言 現如今前後端分離開發越來越普遍,前端人員寫好頁面後可以自己模擬一些數據進行代碼測試,這樣就不必等後端介面,提高了我們開發效率。今天就來分析下前端常用的mock數據的方式是如何實現的。 主體 項目是基於vue cli的,首先必須搭建好vue項目環境。如果有同學不知道如何搭建vue項目,可以參考我 ...
  • 項目中經常用到的日期格式化以及金額千分位方法,封裝一下直接拿去用 // 時間格式化export function formatDate(date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYea ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...