JS如何解決超出精度數字的問題

這篇文章主要為大家展示了“JS如何解決超出精度數字的問題”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“JS如何解決超出精度數字的問題”這篇文章吧。

精度問題最通俗易懂的解釋

比如一個數 1÷3=0.33333333...... 大家都知道3會一直無限循環，數學可以表示，但是計算機要存儲，方便下次取出來再使用，但0.333333...... 這個數 無限循環，你讓計算機怎么存儲？計算機再大的內存它也存不下，對吧! 所以不能存儲一個相對于數學來說的值，只能存儲一個近似值，所以當計算機存儲后再取出來用時就會出現精度問題。

JS超出精度數字解決

一、js 最大安全數字是 Math.pow(2,53) - 1，超出這個數字相加會出現精度丟失問題，可通過將數字轉換為字符串操作的思路處理，如下：

// js 最大安全數字： Math.pow(2, 53)-1

let a = '123456444565456.889'
let b =       '121231456.32'
// a + b = '123456565796913.209'

function addTwo(a, b) {
    //1.比較兩個數長度  然后短的一方前面補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.反轉兩個數 （這里是因為人習慣從左往右加 而數字相加是從右到左 因此反轉一下比較好理解）
    a = a.split('').reverse();
    b = b.split('').reverse();

    //3.循環兩個數組  并進行相加  如果和大于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是保證都為數字 這里也可以用Number()
        if (val >= 10) {
            sign = 1;
            newVal.unshift(val % 10) //這里用unshift而不是push是因為可以省了使用reverse
        } else {
            sign = 0;
            newVal.unshift(val)
        }
    }

    // 最后一次相加需要向前補充一位數字 ‘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, '')
}

二、當涉及到帶有小數部分相加時，對上面方法進行一次封裝，完整實現如下：

let a = '123456444565456.889'
let b =       '121231456.32'
// a + b = '123456565796913.209'

function addTwo(a = '0',b = '0', isHasDecimal=false) {
    //1.比較兩個數長度  然后短的一方前面補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.反轉兩個數 （這里是因為人習慣從左往右加 而數字相加是從右到左 因此反轉一下比較好理解）
    a = a.split('').reverse();
    b = b.split('').reverse();


    //3.循環兩個數組  并進行相加  如果和大于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是保證都為數字 這里也可以用Number()
        if (val >= 10) {
            sign = 1;
            newVal.unshift(val % 10) //這里用unshift而不是push是因為可以省了使用reverse
        } else {
            sign = 0;
            newVal.unshift(val)
        }
    }

    // 最后一次相加需要向前補充一位數字 ‘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數字精度丟失的一些典型問題

// 加法 =====================
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如何解決超出精度數字的問題”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！