JS超出精度數(shù)字問題的解決方法
精度問題最通俗易懂的解釋
比如一個數(shù) 1÷3=0.33333333...... 大家都知道3會一直無限循環(huán),數(shù)學可以表示,但是計算機要存儲,方便下次取出來再使用,但0.333333...... 這個數(shù) 無限循環(huán),你讓計算機怎么存儲?計算機再大的內存它也存不下,對吧! 所以不能存儲一個相對于數(shù)學來說的值,只能存儲一個近似值,所以當計算機存儲后再取出來用時就會出現(xiàn)精度問題。
JS超出精度數(shù)字解決
一、js 最大安全數(shù)字是 Math.pow(2,53) - 1,超出這個數(shù)字相加會出現(xiàn)精度丟失問題,可通過將數(shù)字轉換為字符串操作的思路處理,如下:
// js 最大安全數(shù)字: Math.pow(2, 53)-1 let a = '123456444565456.889' let b = '121231456.32' // a + b = '123456565796913.209' function addTwo(a, b) { //1.比較兩個數(shù)長度 然后短的一方前面補0 if (a.length > b.length) { let arr = Array(a.length - b.length).fill(0); b = arr.join('') + b } else if (a.length < b.length) { let arr = Array(b.length - a.length).fill(0); a = arr.join('') + a } //2.反轉兩個數(shù) (這里是因為人習慣從左往右加 而數(shù)字相加是從右到左 因此反轉一下比較好理解) a = a.split('').reverse(); b = b.split('').reverse(); //3.循環(huán)兩個數(shù)組 并進行相加 如果和大于10 則 sign = 1,當前位置的值為(和%10) let sign = 0;//標記 是否進位 let newVal = [];//用于存儲最后的結果 for (let j = 0; j < a.length; j++) { let val = a[j] / 1 + b[j] / 1 + sign; //除1是保證都為數(shù)字 這里也可以用Number() if (val >= 10) { sign = 1; newVal.unshift(val % 10) //這里用unshift而不是push是因為可以省了使用reverse } else { sign = 0; newVal.unshift(val) } } // 最后一次相加需要向前補充一位數(shù)字 ‘1' return sign && newVal.unshift(sign) && newVal.join('') || newVal.join('') }
// 參考其他朋友的精簡寫法 function addTwo(a,b) { let temp = 0 let res = '' a = a.split('') b = b.split('') while(a.length || b.length || temp) { temp += Number(a.pop() || 0) + Number(b.pop() || 0) res = (temp%10) + res temp = temp > 9 } return res.replace(/^0+/g, '') }
二、當涉及到帶有小數(shù)部分相加時,對上面方法進行一次封裝,完整實現(xiàn)如下:
let a = '123456444565456.889' let b = '121231456.32' // a + b = '123456565796913.209' function addTwo(a = '0',b = '0', isHasDecimal=false) { //1.比較兩個數(shù)長度 然后短的一方前面補0 if (a.length > b.length) { let arr = Array(a.length - b.length).fill(0); b = isHasDecimal && (b + arr.join('')) || arr.join('') + b } else if (a.length < b.length) { let arr = Array(b.length - a.length).fill(0); a = isHasDecimal && (a + arr.join('')) || arr.join('') + a } //2.反轉兩個數(shù) (這里是因為人習慣從左往右加 而數(shù)字相加是從右到左 因此反轉一下比較好理解) a = a.split('').reverse(); b = b.split('').reverse(); //3.循環(huán)兩個數(shù)組 并進行相加 如果和大于10 則 sign = 1,當前位置的值為(和%10) let sign = 0;//標記 是否進位 let newVal = [];//用于存儲最后的結果 for (let j = 0; j < a.length; j++) { let val = a[j] / 1 + b[j] / 1 + sign; //除1是保證都為數(shù)字 這里也可以用Number() if (val >= 10) { sign = 1; newVal.unshift(val % 10) //這里用unshift而不是push是因為可以省了使用reverse } else { sign = 0; newVal.unshift(val) } } // 最后一次相加需要向前補充一位數(shù)字 ‘1' return sign && newVal.unshift(sign) && newVal.join('') || newVal.join('') } function add(a,b) { let num1 = String(a).split('.') let num2 = String(b).split('.') let intSum = addTwo(num1[0], num2[0]) let res = intSum if (num1.length>1 || num2.length > 1) { let decimalSum = addTwo(num1[1], num2[1], true) if (decimalSum.length > (num1[1]||'0').length && decimalSum.length > (num2[1]||'0').length) { intSum = addTwo(intSum, decimalSum[0]) decimalSum = decimalSum.slice(1) res = `${intSum}.${decimalSum}` } else { res = `${intSum}.${decimalSum}` } } return res } console.log(add(a, b)) // 123456565796913.209 // console.log(add('325', '988')) // 1313
看一些JS數(shù)字精度丟失的一些典型問題
// 加法 =====================
0.1 + 0.2 = 0.30000000000000004
0.7 + 0.1 = 0.7999999999999999
0.2 + 0.4 = 0.6000000000000001// 減法 =====================
1.5 - 1.2 = 0.30000000000000004
0.3 - 0.2 = 0.09999999999999998
// 乘法 =====================
19.9 * 100 = 1989.9999999999998
0.8 * 3 = 2.4000000000000004
35.41 * 100 = 3540.9999999999995// 除法 =====================
0.3 / 0.1 = 2.9999999999999996
0.69 / 10 = 0.06899999999999999
總結
到此這篇關于JS超出精度數(shù)字問題解決的文章就介紹到這了,更多相關JS超出精度數(shù)字內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
javascript實現(xiàn)動態(tài)側邊欄代碼
這篇文章主要介紹了javascript實現(xiàn)動態(tài)側邊欄代碼,需要的朋友可以參考下2014-02-02js實現(xiàn)iframe跨頁面調用函數(shù)的方法
這篇文章主要介紹了js實現(xiàn)iframe跨頁面調用函數(shù)的方法,實例展示了iframe中父頁面調用子頁面和子頁面調用父頁面的實現(xiàn)技巧,非常具有實用價值,需要的朋友可以參考下2014-12-12ionic中的$ionicPlatform.ready事件中的通用設置
$ionicPlatform.ready事件是用于檢測當前的平臺是否就緒的事件,相當于基于document的deviceready事件, 在app中一些通用關于設備的設置必須在這個事件中處理2017-06-06JavaScript簡單實現(xiàn)關鍵字文本搜索高亮顯示功能示例
這篇文章主要介紹了JavaScript簡單實現(xiàn)關鍵字文本搜索高亮顯示功能,涉及javascript基于事件響應的頁面元素遍歷、分割、替換等相關操作技巧,需要的朋友可以參考下2018-07-07