欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

詳解js加減乘除精確計算

 更新時間:2019年03月19日 10:29:22   作者:thelongmarch  
這篇文章主要介紹了js加減乘除精確計算,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

JS無法進(jìn)行精確計算的bug

在做CRM,二代審核需求審核詳情頁面時。需要按比例(后端傳類似0.8的小數(shù))把用戶輸入的數(shù)字顯示在不同的地方。
在做dubheInvest = invest * (1 - ratio);運(yùn)算時發(fā)現(xiàn)問題。具體如下:
示例代碼:

console.log( 1 - 0.8 ); //輸出 0.19999999999999996 
console.log( 6 * 0.7 ); //輸出 4.199999999999999 
console.log( 0.1 + 0.2 ); //輸出 0.30000000000000004 
console.log( 0.1 + 0.7 ); //輸出 0.7999999999999999 
console.log( 1.2 / 0.2 ); //輸出 5.999999999999999 

通過上面舉出的例子可以看到,原生的js運(yùn)算結(jié)果不一定準(zhǔn)確,會丟失精度。

解決方案

解決方案的原理是,將浮點(diǎn)數(shù)乘以(擴(kuò)大)10的n次方倍,把浮點(diǎn)數(shù)變?yōu)檎麛?shù)后再進(jìn)行相應(yīng)的運(yùn)算,最后將得到的結(jié)果除以(縮?。?0的n次方倍。

原理示例:

將console.log(1-0.8);  變?yōu)?console.log((1 * 10 - 0.8 * 10) / 10); 即可得到正確的值
根據(jù)上述原理,可以封裝一些方法出來解決此類問題。如下所示(Math.pow(x, y);表示求x的y次方):

//加 
function floatAdd(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; 
} 
  
//減 
function floatSub(arg1,arg2){ 
 var r1,r2,m,n; 
 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)); 
 //動態(tài)控制精度長度 
 n=(r1>=r2)?r1:r2; 
 return ((arg1*m-arg2*m)/m).toFixed(n); 
} 
  
//乘 
function floatMul(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); 
} 
  
  
//除 
function floatDiv(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){} 
   
  r1=Number(arg1.toString().replace(".","")); 
 
  r2=Number(arg2.toString().replace(".","")); 
  return (r1/r2)*Math.pow(10,t2-t1); 
} 

以上所述是小編給大家介紹的js加減乘除精確計算詳解整合,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關(guān)文章

  • JavaScript入門之事件、cookie、定時等

    JavaScript入門之事件、cookie、定時等

    本文從上一篇文章結(jié)束的地方開始,解釋其他的一些基本的JavaScript語言概念,繼續(xù)為初學(xué)者提供對語言的基礎(chǔ)理解
    2011-10-10
  • Javascript實(shí)例教程(19) 使用HoTMetal(5)

    Javascript實(shí)例教程(19) 使用HoTMetal(5)

    Javascript實(shí)例教程(19) 使用HoTMetal(5)...
    2006-12-12
  • 探討JavaScript中的Rest參數(shù)和參數(shù)默認(rèn)值

    探討JavaScript中的Rest參數(shù)和參數(shù)默認(rèn)值

    這篇文章的主要介紹了JavaScript中的Rest參數(shù)和參數(shù)默認(rèn)值,內(nèi)容很充實(shí),需要了解的朋友可以參考下
    2015-07-07
  • JS中Object.assign方法的使用

    JS中Object.assign方法的使用

    這篇文章介紹了JS中Object.assign方法的使用方式,文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2022-06-06
  • JavaScript高級程序設(shè)計(第3版)學(xué)習(xí)筆記 概述

    JavaScript高級程序設(shè)計(第3版)學(xué)習(xí)筆記 概述

    在JavaScript面世之初,沒有人會想到它會被應(yīng)用的如此廣泛,也遠(yuǎn)比一般人想象中的要復(fù)雜強(qiáng)大的多,在我自己學(xué)習(xí)的過程中,曾經(jīng)有過多次震撼
    2012-10-10
  • JS中使用DOM來控制HTML元素

    JS中使用DOM來控制HTML元素

    這篇文章主要介紹了JS中使用DOM來控制HTML元素的相關(guān)資料,需要的朋友可以參考下
    2016-07-07
  • 關(guān)于JavaScript中string 的replace

    關(guān)于JavaScript中string 的replace

    在使用JavaScript對字符串進(jìn)行處理的時候我們經(jīng)常會用到replace方法,很簡單的一個方法,以前一直不以為意,直到今天看JavaScript語言精粹的時候讀到了一個有趣的小例子的時候,并不是十分理解,了解了一下replace的用法才明白,原來replace不像想象中的那么簡單
    2013-04-04
  • 原生js實(shí)現(xiàn)獲取form表單數(shù)據(jù)代碼實(shí)例

    原生js實(shí)現(xiàn)獲取form表單數(shù)據(jù)代碼實(shí)例

    這篇文章主要介紹了原生js實(shí)現(xiàn)獲取form表單數(shù)據(jù),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-03-03
  • a標(biāo)簽的href與onclick事件的區(qū)別詳解

    a標(biāo)簽的href與onclick事件的區(qū)別詳解

    對于a標(biāo)簽的href與onclick事件,大家都經(jīng)常見到,也經(jīng)常使用,可它們有什么區(qū)別呢?下面就讓小編來給大家詳細(xì)介紹下,感興趣的朋友可以學(xué)習(xí)下,不用謝了,哈哈
    2014-11-11
  • 傳智播客學(xué)習(xí)之JavaScript基礎(chǔ)篇

    傳智播客學(xué)習(xí)之JavaScript基礎(chǔ)篇

    前幾天學(xué)習(xí)了JavaScript,但是一直由于忙碌的原因,沒有來得及進(jìn)行總結(jié),今天終于有時間進(jìn)行一個全面總結(jié)了,希望給正在努力學(xué)習(xí)的朋友們一點(diǎn)小小幫助。
    2009-11-11

最新評論