1. 前言

在 JavaScript 中，浮點(diǎn)數(shù)運(yùn)算可能會產(chǎn)生精度丟失的問題，尤其在處理 金額計(jì)算 時(shí)，這可能會導(dǎo)致嚴(yán)重的業(yè)務(wù)邏輯錯(cuò)誤。例如：

console.log(0.1 + 0.2); // 0.30000000000000004
console.log(0.07 * 100); // 7.000000000000001
console.log(0.1 + 0.7 === 0.8); // false

這些問題主要是由于 JavaScript 使用 IEEE 754 雙精度浮點(diǎn)數(shù)（64 位）來表示數(shù)字，某些小數(shù)無法用二進(jìn)制精確表示，從而導(dǎo)致精度丟失。

本篇文章將深入剖析 JavaScript 金額計(jì)算精度丟失的原因，并提供多種 解決方案 來避免這些問題。

2. 為什么 JavaScript 計(jì)算金額會精度丟失

2.1 JavaScript 使用 IEEE 754 雙精度浮點(diǎn)數(shù)

JavaScript 所有的 Number 類型 都遵循 IEEE 754 雙精度浮點(diǎn)數(shù)（64 位）標(biāo)準(zhǔn)，它的存儲方式如下：

但 某些十進(jìn)制小數(shù)無法用二進(jìn)制精確表示，類似于 1/3 在十進(jìn)制中是無限循環(huán)小數(shù) 0.3333...，而 0.1 在 二進(jìn)制 下也會變成 無限循環(huán)小數(shù)：

0.1(十進(jìn)制) = 0.000110011001100110011...(二進(jìn)制 無限循環(huán))

由于存儲空間限制，JavaScript 只能截取前 52 位，導(dǎo)致數(shù)值被四舍五入，最終引發(fā)計(jì)算誤差。

2.2 浮點(diǎn)運(yùn)算錯(cuò)誤示例

錯(cuò)誤示例 1：0.1 + 0.2 ≠ 0.3

console.log(0.1 + 0.2); // 0.30000000000000004

解析：

• 0.1 的二進(jìn)制近似值：0.00011001100110011...
• 0.2 的二進(jìn)制近似值：0.0011001100110011...
• 計(jì)算后，得到的二進(jìn)制不是 精確的 0.3，而是 0.30000000000000004

錯(cuò)誤示例 2：浮點(diǎn)乘法精度問題

console.log(0.07 * 100); // 7.000000000000001

0.07 轉(zhuǎn)換成二進(jìn)制后是 0.000100011110101110000101...，乘以 100 后的結(jié)果并不完全等于 7。

3. 解決方案

方案 1：使用整數(shù)運(yùn)算（推薦）

核心思想：

避免小數(shù)計(jì)算，將小數(shù)轉(zhuǎn)換為整數(shù)計(jì)算，計(jì)算完成后再轉(zhuǎn)回小數(shù)。

function add(a, b) {
    return (a * 100 + b * 100) / 100;
}

console.log(add(0.1, 0.2)); // 0.3
console.log(add(0.07, 0.02)); // 0.09

適用場景：

• 適用于 加法、減法、乘法、除法 計(jì)算。
• 適用于 金額計(jì)算，例如：分（整數(shù)）代替元（小數(shù)）。

方案 2：使用 toFixed()（簡單但不推薦）

console.log((0.1 + 0.2).toFixed(2)); // "0.30"
console.log((0.07 * 100).toFixed(2)); // "7.00"

缺點(diǎn)：

toFixed() 返回的是 字符串，如果要繼續(xù)計(jì)算，還需轉(zhuǎn)換回 Number 類型：

let result = Number((0.1 + 0.2).toFixed(2)); // 0.3

不能完全解決浮點(diǎn)運(yùn)算的問題，只適用于 結(jié)果展示。

方案 3：使用 Number.EPSILON 進(jìn)行誤差修正

原理：

Number.EPSILON 是 JavaScript 最小的精度差值（約 2.22e-16），可用于修正浮點(diǎn)計(jì)算誤差：

function add(a, b) {
    return Math.round((a + b + Number.EPSILON) * 100) / 100;
}

console.log(add(0.1, 0.2)); // 0.3
console.log(add(0.07, 0.02)); // 0.09

適用場景：

用于 浮點(diǎn)數(shù)精度修正，避免直接使用 toFixed()。

方案 4：使用 BigDecimal 類庫（最佳方案）

JavaScript 原生 Number 無法解決所有精度問題，因此可以使用 BigDecimal 第三方庫 來進(jìn)行精準(zhǔn)計(jì)算，例如 decimal.js。

安裝：

npm install decimal.js

使用：

const Decimal = require('decimal.js');

console.log(new Decimal(0.1).plus(0.2).toNumber()); // 0.3
console.log(new Decimal(0.07).times(100).toNumber()); // 7

優(yōu)點(diǎn)：

可以處理 任意精度 運(yùn)算，特別適用于 金融計(jì)算。

方案 5：使用 ES11 BigInt（適用于整數(shù)金額計(jì)算）

BigInt 可用于 大數(shù)計(jì)算，但 不支持小數(shù)：

const a = BigInt(100); // 1.00 元
const b = BigInt(200); // 2.00 元

console.log((a + b) / BigInt(100)); // 3n (表示 3 元)

適用場景：

僅適用于 整數(shù)計(jì)算（如分單位），不適用于 小數(shù)計(jì)算。

4. 結(jié)論

5. 總結(jié)

JavaScript 的浮點(diǎn)運(yùn)算容易導(dǎo)致金額計(jì)算誤差，我們可以通過 整數(shù)運(yùn)算、Number.EPSILON、BigDecimal 庫等方式 來解決。

如果你正在開發(fā)電商、金融、結(jié)算系統(tǒng)，推薦使用 decimal.js 或整數(shù)運(yùn)算，以保證計(jì)算精度。

到此這篇關(guān)于JavaScript金額運(yùn)算出現(xiàn)精度丟失問題的解決方案的文章就介紹到這了,更多相關(guān)JavaScript精度丟失解決內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論