前端开发【插件】number-precision 基本使用详解【数字】

number-precision 是一个轻量级的 JavaScript 插件，用于精确处理数字，尤其是在涉及浮动点数时。由于 JavaScript 中的浮点数计算存在精度问题，number-precision 可以帮助你避免常见的浮动点数误差，并提供一些用于精确数字操作的函数。

那么为什么要使用number-precision呢？

其实js在计算小数的时候，是不准确的。例如：

// 加法
0.1 + 0.2 = 0.30000000000000004
0.2 + 0.4 = 0.6000000000000001
// 减法
1.5 - 1.2 = 0.30000000000000004
0.3 - 0.2 = 0.09999999999999998
// 乘法
19.9 * 100 = 1989.9999999999998
9.7 * 100 = 969.9999999999999
// 除法 
0.3 / 0.1 = 2.9999999999999996
0.69 / 10 = 0.06899999999999999
// 比较
0.1 + 0.2 === 0.3 // false
(0.3 - 0.2) === (0.2 - 0.1) // false

安装 number-precision

你可以通过 npm 或直接在 HTML 中引入该库。

使用 npm 安装：

npm install number-precision

使用 CDN 引入：

<script src="https://cdn.jsdelivr.net/npm/number-precision"></script>

常用函数

number-precision 提供了几个核心方法来处理浮点数的加法、减法、乘法、除法和四舍五入等操作。下面是一些常见的函数：

1. add()：两个数字相加。
2. subtract()：两个数字相减。
3. multiply()：两个数字相乘。
4. divide()：两个数字相除。
5. round()：四舍五入数字。
6. toFixed()：将数字四舍五入并格式化为固定的小数位数。

函数详细解释和实际项目代码示例

1. add(a, b)

add() 方法用来精确地对两个数字进行加法运算，避免了普通 JavaScript 浮动点加法带来的误差。

语法：

NumberPrecision.add(a, b)

• a 和 b：参与加法的两个数字。

示例：

const NP = require('number-precision');const result = NP.add(0.1, 0.2);
console.log(result);  // 0.3

在常规 JavaScript 中，0.1 + 0.2 会产生 0.30000000000000004 的误差，而 number-precision 能够精确计算。

2. subtract(a, b)

subtract() 方法用来精确地对两个数字进行减法运算。

语法：

NumberPrecision.subtract(a, b)

示例：

const NP = require('number-precision');const result = NP.subtract(0.3, 0.1);
console.log(result);  // 0.2

3. multiply(a, b)

multiply() 方法用于精确地对两个数字进行乘法运算。

语法：

NumberPrecision.multiply(a, b)

示例：

const NP = require('number-precision');const result = NP.multiply(0.1, 0.2);
console.log(result);  // 0.02

4. divide(a, b)

divide() 方法用于精确地对两个数字进行除法运算。

语法：

NumberPrecision.divide(a, b)

示例：

const NP = require('number-precision');const result = NP.divide(0.3, 0.1);
console.log(result);  // 3

5. round(a, precision)

round() 方法可以用于对数字进行四舍五入，保留指定的小数位数。

语法：

NumberPrecision.round(a, precision)

• a：需要四舍五入的数字。
• precision：保留的小数位数。

示例：

const NP = require('number-precision');const result = NP.round(2.3456, 2);
console.log(result);  // 2.35

6. toFixed(a, precision)

toFixed() 方法会将数字转换为指定小数位的字符串形式，四舍五入。

语法：

NumberPrecision.toFixed(a, precision)

• a：需要转换的数字。
• precision：保留的小数位数。

示例：

const NP = require('number-precision');const result = NP.toFixed(2.3456, 2);
console.log(result);  // "2.35"

实际项目中的应用示例

假设你在开发一个电子商务网站，需要计算订单的总价格，包括商品价格、税费和运输费用等。由于涉及多个小数相加，使用普通的浮动点数计算可能导致精度误差。因此，你可以利用 number-precision 来确保精确的计算。

示例：计算订单总价

const NP = require('number-precision');// 假设商品价格、税费和运输费用
const productPrice = 99.99;
const taxRate = 0.07;  // 税率 7%
const shippingFee = 5.99;// 计算税费
const taxAmount = NP.multiply(productPrice, taxRate);// 计算总价
const totalPrice = NP.add(productPrice, NP.add(taxAmount, shippingFee));console.log("商品总价: " + productPrice);
console.log("税费: " + taxAmount);
console.log("运输费用: " + shippingFee);
console.log("订单总价: " + totalPrice.toFixed(2));  // 保留两位小数

输出：

商品总价: 99.99
税费: 6.9993
运输费用: 5.99
订单总价: 112.98

在这个示例中，number-precision 用于确保所有加法、乘法计算都不会出现浮动点误差，尤其是在计算税费和总价时，避免了 JavaScript 浮动点计算带来的精度问题。

结合其他 JavaScript 数学运算

你还可以结合 number-precision 来处理更复杂的数学运算，以下是一个稍微复杂一点的示例，展示如何使用 number-precision 来完成涉及四舍五入和小数处理的任务。

示例：计算折扣价格

假设你正在开发一个电商应用，需要根据促销规则计算折扣价格。在计算折扣时，你可能会遇到小数问题，所以要特别小心。

const NP = require('number-precision');// 假设商品原价
const originalPrice = 149.99;
const discountRate = 0.15;  // 15% 折扣// 计算折扣金额
const discountAmount = NP.multiply(originalPrice, discountRate);// 计算折扣后的价格
const discountedPrice = NP.subtract(originalPrice, discountAmount);// 对折扣后的价格进行四舍五入
const finalPrice = NP.round(discountedPrice, 2);console.log("原价: " + originalPrice);
console.log("折扣金额: " + discountAmount);
console.log("折扣后的价格: " + discountedPrice);
console.log("最终价格（四舍五入）: " + finalPrice);  // 保留两位小数

输出：

原价: 149.99
折扣金额: 22.4985
折扣后的价格: 127.4915
最终价格（四舍五入）: 127.49

在这个示例中，number-precision 保证了所有中间结果都能精确计算，并且通过 round() 方法精确四舍五入最终价格。

另外常用函数：除了上面的常用函数外，还有那些函数常用到呢？

以下函数方法主要是针对js计算不准确使用的，示例：

方法：

NP.strip(num)                    // 转为最接近的正确的数字
NP.plus(num1, num2, num3, ...)   // 加法：num + num2 + num3, 至少需要2个参数
NP.minus(num1, num2, num3, ...)  // 减法：num1 - num2 - num3
NP.times(num1, num2, num3, ...)  // 乘法：num1 * num2 * num3
NP.divide(num1, num2, num3, ...) // 除法：num1 / num2 / num3
NP.round(num, ratio)             // 根据ratio取整

用法：

NP.strip(0.09999999999999998);   // = 0.1
NP.plus(0.1, 0.2);               // = 0.3, 而不是原来错误的：0.30000000000000004
NP.plus(2.3, 2.4);               // = 4.7, 而不是原来错误的：4.699999999999999
NP.minus(1.0, 0.9);              // = 0.1,  而不是原来错误的：0.09999999999999998
NP.times(3, 0.3);                // = 0.9, 而不是原来错误的：0.8999999999999999
NP.times(0.362, 100);            // = 36.2, 而不是原来错误的：36.199999999999996
NP.divide(1.21, 1.1);            // = 1.1, 而不是原来错误的：1.0999999999999999
NP.round(0.105, 2);              // = 0.11, 而不是原来错误的：0.1

总结

number-precision 提供了一个简洁且高效的方式来处理 JavaScript 中常见的浮动点数精度问题。通过使用其提供的精确加法、减法、乘法、除法、四舍五入等功能，可以有效避免计算中的精度误差。在实际项目中，尤其是涉及金融、商品定价等领域时，使用这个库能够确保计算的准确性。