摘要:方法使用定點表示法來格式化一個數(shù),會對結(jié)果進(jìn)行四舍五入。該數(shù)值在必要時進(jìn)行四舍五入,另外在必要時會用來填充小數(shù)部分,以便小數(shù)部分有指定的位數(shù)。如果數(shù)值大于,該方法會簡單調(diào)用并返回一個指數(shù)記數(shù)法格式的字符串。在環(huán)境中,只能是之間,測試版本為。
一.類庫部分 math.js上篇博客深度剖析了0.1+0.2 === 0.30000000000000004的原因。
這篇博客將主要提供幾種解決小數(shù)精度丟失問題的Javascript類庫的代碼示例,以及簡單的原生EcmaScript方法的代碼示例。
math.js是JavaScript和Node.js的一個廣泛的數(shù)學(xué)庫。支持?jǐn)?shù)字,大數(shù),復(fù)數(shù),分?jǐn)?shù),單位和矩陣等數(shù)據(jù)類型的運算。
官網(wǎng):http://mathjs.org/
GitHub:https://github.com/josdejong/mathjs
0.1+0.2 ===0.3實現(xiàn)代碼:
var math = require("mathjs") console.log(math.add(0.1,0.2))//0.30000000000000004 console.log(math.format((math.add(math.bignumber(0.1),math.bignumber(0.2)))))//"0.3"decimal.js
為 JavaScript 提供十進(jìn)制類型的任意精度數(shù)值。
官網(wǎng):http://mikemcl.github.io/decimal.js/
GitHub:https://github.com/MikeMcl/decimal.js
var Decimal = require("decimal.js") x = new Decimal(0.1) y = 0.2 console.log(x.plus(y).toString())//"0.3"bignumber.js
用于任意精度算術(shù)的JavaScript庫。
官網(wǎng):http://mikemcl.github.io/bignumber.js/
Github:https://github.com/MikeMcl/bignumber.js
var BigNumber = require("bignumber.js") x = new BigNumber(0.1) y = 0.2 console.log(x.plus(y).toString())//"0.3"big.js
用于任意精度十進(jìn)制算術(shù)的小型快速JavaScript庫。
官網(wǎng):http://mikemcl.github.io/big.js/
Github:https://github.com/MikeMcl/big.js/
var Big = require("big.js") x = new Big(0.1) y = 0.2 console.log(x.plus(y).toString())//"0.3"
有一個需要注意的點,使用類庫此時輸出的0.3是String類型,因此若想保持為Number類型,可使用parseFloat()方法。
還有一個注意點,在本地install測試的時候,npm i mathjs -g ,require是也要require("mathjs"),而不是帶點的math.js,因為josdejong這哥們在創(chuàng)建項目的時候就命名為mathjs,而同時擁有上述decimal.js, bignumber.js和big.js的MikeMcl,項目名字就帶了dot,因此安裝和引入時,都是xxx.js的形式。
如何在這三個類庫之間做選擇,還需要大家自己根據(jù)具體情況具體分析,我在這里就不贅述了。
最后,教大家一個線上直接測試的網(wǎng)站,https://npm.runkit.com,子路徑輸入想要測試的Node.js package名,就可以實現(xiàn)在線測試包中的api了。
例如:
math.js:https://npm.runkit.com/mathjs
big.js:https://npm.runkit.com/big.js
類庫其實很強大,我們計算0.1+0.2其實只是用到了冰山一角,那么我們?nèi)绾问褂迷腅cmaScript代碼來應(yīng)用于簡單的問題場景呢?
這就要用到Number.prototype.toFixed()這個方法了。
浮點數(shù)運算
toFixed() 方法
浮點數(shù)運算的解決方案有很多,這里給出一種目前常用的解決方案, 在判斷浮點數(shù)運算結(jié)果前對計算結(jié)果進(jìn)行精度縮小,因為在精度縮小的過程總會自動四舍五入。
toFixed() 方法使用定點表示法來格式化一個數(shù),會對結(jié)果進(jìn)行四舍五入。語法為:
JavaScript 代碼:
numObj.toFixed(digits)
參數(shù) digits 表示小數(shù)點后數(shù)字的個數(shù);介于 0 到 20 (包括)之間,實現(xiàn)環(huán)境可能支持更大范圍。如果忽略該參數(shù),則默認(rèn)為 0。
返回一個數(shù)值的字符串表現(xiàn)形式,不使用指數(shù)記數(shù)法,而是在小數(shù)點后有 digits 位數(shù)字。該數(shù)值在必要時進(jìn)行四舍五入,另外在必要時會用 0 來填充小數(shù)部分,以便小數(shù)部分有指定的位數(shù)。 如果數(shù)值大于 1e+21,該方法會簡單調(diào)用 Number.prototype.toString()并返回一個指數(shù)記數(shù)法格式的字符串。
特別注意:toFixed() 返回一個數(shù)值的字符串表現(xiàn)形式。
具體可以查看 MDN中的說明,那么我們可以這樣解決精度問題:
JavaScript 代碼:
parseFloat((數(shù)學(xué)表達(dá)式).toFixed(digits)); // toFixed() 精度參數(shù)須在 0 與20 之間 // 運行 parseFloat((0.1 + 0.2).toFixed(10))//結(jié)果為0.3 parseFloat((0.3 / 0.1).toFixed(10)) // 結(jié)果為 3 parseFloat((0.7 * 180).toFixed(10))//結(jié)果為126 parseFloat((1.0 - 0.9).toFixed(10)) // 結(jié)果為 0.1 parseFloat((9.7 * 100).toFixed(10)) // 結(jié)果為 970 parseFloat((2.22 + 0.1).toFixed(10)) // 結(jié)果為 2.32
在Browser環(huán)境精度參數(shù)允許0~100位之間(包括100),測試版本為Chrome62(64位)和Firefox56 (32 位)。
在Nodejs環(huán)境中,只能是0~20之間,測試版本為v6.9.5。
其次就是toFixed()的瀏覽器兼容性討論,MDN給出的結(jié)果全部是YES,無論desktop端還是mobile端,也就是說不用擔(dān)心toFixed()的兼容性問題(ie8- 我們不做討論)。
desktop端:
mobile端:
Thanks:
http://www.css88.com/archives...
https://developer.mozilla.org...
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/89610.html
摘要:也就是說不僅是會產(chǎn)生這種問題,只要是采用的浮點數(shù)編碼方式來表示浮點數(shù)時,則會產(chǎn)生這類問題。到這里我們都理解只要采取的浮點數(shù)編碼的語言均會出現(xiàn)上述問題,只是它們的標(biāo)準(zhǔn)類庫已經(jīng)為我們提供了解決方案而已。 Brief 一天有個朋友問我JS中計算0.7 * 180怎么會等于125.99999999998,坑也太多了吧!那時我猜測是二進(jìn)制表示數(shù)值時發(fā)生round-off error所導(dǎo)致,但并不...
摘要:推導(dǎo)為何等于在中所有數(shù)值都以標(biāo)準(zhǔn)的雙精度浮點數(shù)進(jìn)行存儲的。先來了解下標(biāo)準(zhǔn)下的雙精度浮點數(shù)。精度位總共是,因為用科學(xué)計數(shù)法表示,所以首位固定的就沒有占用空間。驗證完成的最大安全數(shù)是如何來的根據(jù)雙精度浮點數(shù)的構(gòu)成,精度位數(shù)是。 閱讀完本文可以了解到 0.1 + 0.2 為什么等于 0.30000000000000004 以及 JavaScript 中最大安全數(shù)是如何來的。 十進(jìn)制小數(shù)轉(zhuǎn)為二...
摘要:本文通過介紹的二進(jìn)制存儲標(biāo)準(zhǔn)來理解浮點數(shù)運算精度問題,和理解對象的等屬性值是如何取值的,最后介紹了一些常用的浮點數(shù)精度運算解決方案。浮點數(shù)精度運算解決方案關(guān)于浮點數(shù)運算精度丟失的問題,不同場景可以有不同的解決方案。 本文由云+社區(qū)發(fā)表 相信大家在平常的 JavaScript 開發(fā)中,都有遇到過浮點數(shù)運算精度誤差的問題,比如 console.log(0.1+0.2===0.3)// fa...
摘要:吐槽一句,大二的專業(yè)課數(shù)字邏輯電路終于用在工作上了。,整數(shù)位為,且精度只到十分位,因此是。如果是不限精度的話,轉(zhuǎn)換后的二進(jìn)制數(shù)應(yīng)該是無限循環(huán)。再看一下百科給出的標(biāo)準(zhǔn)因此,的類型,最高的位是符號位,接著的位是指數(shù),剩下的位為有效數(shù)字。 showImg(https://segmentfault.com/img/remote/1460000011902479?w=600&h=600); 用一...
閱讀 781·2023-04-25 16:55
閱讀 2821·2021-10-11 10:59
閱讀 2087·2021-09-09 11:38
閱讀 1800·2021-09-03 10:40
閱讀 1495·2019-08-30 15:52
閱讀 1134·2019-08-30 15:52
閱讀 965·2019-08-29 15:33
閱讀 3505·2019-08-29 11:26