JS小數(shù)運(yùn)算出現(xiàn)多為小數(shù)問(wèn)題的解決方法
寫(xiě)在前面的話(huà):
今天幫同事解決了一個(gè)問(wèn)題,就是小數(shù)相乘出現(xiàn)很多位小數(shù)的問(wèn)題;這個(gè)問(wèn)題自己以前也遇到過(guò),現(xiàn)在特意來(lái)總結(jié)一下;
Number類(lèi)型:
Number類(lèi)型是ECMAScript中最常用和最令人關(guān)注的類(lèi)型了;這種類(lèi)型使用IEEE754格式來(lái)表示整數(shù)和浮點(diǎn)數(shù)值(浮點(diǎn)數(shù)值在某些語(yǔ)言中也被成為雙精度數(shù)值),為支持各種數(shù)據(jù)類(lèi)型,ECMA-262定義了不同的數(shù)值面量格式。
十進(jìn)制:
var intNum=10; //整數(shù)
八進(jìn)制:
var octalNum1=070; //八進(jìn)制的56
var octalNum2=079; //無(wú)效的八進(jìn)制數(shù)值-解析為79
八進(jìn)制字面量在嚴(yán)格模式下是無(wú)效的;
十六進(jìn)制:
var hexNum1=0xA; //10
切記:在進(jìn)行運(yùn)算的時(shí)候,所有以八進(jìn)制和十六進(jìn)制表示的數(shù)值都最終被轉(zhuǎn)換成十進(jìn)制;
為什么操作小數(shù)會(huì)出現(xiàn)誤差?
浮點(diǎn)數(shù)值的最高進(jìn)度是17位小數(shù),但在進(jìn)行運(yùn)算的時(shí)候其精確度卻遠(yuǎn)遠(yuǎn)不如整數(shù);整數(shù)在進(jìn)行運(yùn)算的時(shí)候都會(huì)轉(zhuǎn)成10進(jìn)制; 而Java和JavaScript中計(jì)算小數(shù)運(yùn)算時(shí),都會(huì)先將十進(jìn)制的小數(shù)換算到對(duì)應(yīng)的二進(jìn)制,一部分小數(shù)并不能完整的換算為二進(jìn)制,這里就出現(xiàn)了第一次的誤差。待小數(shù)都換算為二進(jìn)制后,再進(jìn)行二進(jìn)制間的運(yùn)算,得到二進(jìn)制結(jié)果。然后再將二進(jìn)制結(jié)果換算為十進(jìn)制,這里通常會(huì)出現(xiàn)第二次的誤差。
所以(0.1+0.2)!=03
解決方式:
程序代碼
除法函數(shù),用來(lái)得到精確的除法結(jié)果
說(shuō)明:javascript的除法結(jié)果會(huì)有誤差,在兩個(gè)浮點(diǎn)數(shù)相除的時(shí)候會(huì)比較明顯。這個(gè)函數(shù)返回較為精確的除法結(jié)果。
調(diào)用:accDiv(arg1,arg2)
返回值:arg1除以arg2的精確結(jié)果
function accDiv(arg1,arg2){ var t1=0,t2=0,r1,r2; try{ t1=arg1.toString().split(".")[1].length}catch(e){ }try{ t2=arg2.toString().split(".")[1].length}catch(e){} with(Math){ r1=Number(arg1.toString().replace(".","")) r2=Number(arg2.toString().replace(".","")) return (r1/r2)*pow(10,t2-t1); } }
給Number類(lèi)型增加一個(gè)div方法,調(diào)用起來(lái)更加方便。
Number.prototype.div = function (arg){ return accDiv(this, arg); }
乘法函數(shù),用來(lái)得到精確的乘法結(jié)果
說(shuō)明:javascript的乘法結(jié)果會(huì)有誤差,在兩個(gè)浮點(diǎn)數(shù)相乘的時(shí)候會(huì)比較明顯。這個(gè)函數(shù)返回較為精確的乘法結(jié)果。
調(diào)用:accMul(arg1,arg2)
返回值:arg1乘以arg2的精確結(jié)果
function accMul(arg1,arg2){ var m=0,s1=arg1.toString(), s2=arg2.toString(); try{ m+=s1.split(".")[1].length}catch(e){} try{ m+=s2.split(".")[1].length}catch(e){} return Number(s1.replace(".",""))*Number(s2.replace(".",""))/Math.pow(10,m )}
給Number類(lèi)型增加一個(gè)mul方法,調(diào)用起來(lái)更加方便。
Number.prototype.mul = function (arg){ return accMul(arg, this); }
加法函數(shù),用來(lái)得到精確的加法結(jié)果
說(shuō)明:javascript的加法結(jié)果會(huì)有誤差,在兩個(gè)浮點(diǎn)數(shù)相加的時(shí)候會(huì)比較明顯。這個(gè)函數(shù)返回較為精確的加法結(jié)果。
調(diào)用:accAdd(arg1,arg2)
返回值:arg1加上arg2的精確結(jié)果
function accAdd(arg1,arg2){ var r1,r2,m; try{ r1=arg1.toString().split(".")[1].length }catch(e){ r1=0} try{ r2=arg2.toString().split(".")[1].length}catch(e){r2=0} m=Math.pow(10,Math.max(r1,r2)) return (arg1*m+arg2*m)/m }
給Number類(lèi)型增加一個(gè)add方法,調(diào)用起來(lái)更加方便。
Number.prototype.add = function (arg){ return accAdd(arg,this); }
在你要用的地方包含這些函數(shù),然后調(diào)用它來(lái)計(jì)算就可以了。
比如你要計(jì)算:7*0.8 ,則改成 (7).mul(8)
其它運(yùn)算類(lèi)似,就可以得到比較精確的結(jié)果。
解決方式二:
比較常用的辦法,toFixed(),toFixed() 方法可把 Number 四舍五入為指定小數(shù)位數(shù)的數(shù)字。在我們計(jì)算的結(jié)果后面加上這個(gè)方法就OK了;但是對(duì)精度會(huì)有一絲影響,如果精度要求不高的話(huà)推薦使用;
相關(guān)文章
JavaScript優(yōu)化專(zhuān)題之Loading and Execution加載和運(yùn)行
這篇文章主要介紹了JavaScript優(yōu)化專(zhuān)題中Loading and Execution加載和運(yùn)行的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-01-0135個(gè)JS中實(shí)用工具函數(shù)的代碼分享
身為后臺(tái)開(kāi)發(fā)的各位鐵鐵,實(shí)際開(kāi)發(fā)不管是公司要求或是自身發(fā)展,學(xué)前端已經(jīng)是我們內(nèi)卷路上必定碰到的,那今天小編就給大家總結(jié)下那些我們工作中可能遇到的一些實(shí)用Js函數(shù)2022-06-06js實(shí)現(xiàn)顯示手機(jī)號(hào)碼效果
本文主要介紹了js實(shí)現(xiàn)顯示手機(jī)號(hào)碼效果的實(shí)例,具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-03Js on及addEventListener原理用法區(qū)別解析
這篇文章主要介紹了Js on及addEventListener原理用法區(qū)別解析,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-07-07使用JS監(jiān)聽(tīng)鍵盤(pán)按下事件(keydown event)
這篇文章主要介紹了使用JS監(jiān)聽(tīng)鍵盤(pán)按下事件(keydown event),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-11-11JS co 函數(shù)庫(kù)的含義和用法實(shí)例總結(jié)
這篇文章主要介紹了JS co 函數(shù)庫(kù)的含義和用法,結(jié)合實(shí)例形式總結(jié)分析了JS co 函數(shù)庫(kù)的基本含義、功能、用法及操作注意事項(xiàng),需要的朋友可以參考下2020-04-04JS實(shí)現(xiàn)的碰撞檢測(cè)與周期移動(dòng)完整示例
這篇文章主要介紹了JS實(shí)現(xiàn)的碰撞檢測(cè)與周期移動(dòng),結(jié)合完整實(shí)例形式分析了javascript結(jié)合時(shí)間函數(shù)的頁(yè)面元素屬性動(dòng)態(tài)操作及事件響應(yīng)相關(guān)使用技巧,需要的朋友可以參考下2019-09-09