目录
前言
一、JavaScript 中精度问题
1、精度问题汇总
二、使用bignumber.js解决精度问题
1、安装bignumber.js
2、静态方法
3、实例方法
4、大额数据处理函数
5、大额数据比较函数
6、在限制小数位数函数封装
前言
在金融以及加密货币领域，对于数据的精度要求非常高。比如，比特币的小数点精度(decimals)是8位，最小的颗粒度是1聪（satoshi），1个BTC等于1亿聪；以太坊的小数点精度(decimals)是18位，单位精度是以“Wei”为基础的。Wei是最小的以太坊单位，是以太坊货币单位Ether的10的18次方分之一，即1 Ether = 10^18 Wei。，由于Wei单位太小，不便于人们使用和理解，以太坊还引入了其他常用的单位，包括Gwei、Ether和Wei等。其中，Gwei是以Gwei为单位的Ether，即1 Gwei = 10^9 Wei；Ether是以Ether为单位的Ether，即1 Ether = 10^18 Wei。
一、JavaScript 中精度问题
JavaScript 中的数字按照 IEEE 754 的标准，使用 64 位双精度浮点型来表示。其中符号位 S，指数位 E，尾数位M分别占了 1，11，52 位，并且在 ES5 规范 中指出了指数位E的取值范围是 [-1074, 971]。
1、精度问题汇总
想用有限的位来表示无穷的数字，显然是不可能的，因此会出现一些列精度问题：
- 浮点数精度问题，比如
0.1 + 0.2 !== 0.3 - 大数精度问题，比如
9999 9999 9999 9999 == 1000 0000 0000 0000 1 - toFixed 四舍五入结果不准确，比如
1.335.toFixed(2) == 1.33
浮点数精度和 toFixed 其实属于同一类问题，都是由于浮点数无法精确表示引起的，如下：
(1.335).toPrecision(20); // "1.3349999999999999645"
而关于大数精度问题，我们可以先看下面这个代码片段：
// 能精确表示的整数范围上限,S为1个0，E为11个0，S为52个1 Math.pow(2, 53) - 1 === Number.MAX_SAFE_INTEGER // true // 能精确表示的整数范围下限,S为1个1，E为11个0，S为52个1 -(Math.pow(2, 53) - 1) === Number.MIN_SAFE_INTEGER // true // 能表示的最大数字，S为1个0，E为971，S为52个1 (Math.pow(2, 53) - 1) * Math.pow(2, 971) === Number.MAX_VALUE // true // 能表示的最接近于0的正数，S为1个0，E为-1074，S为0 Math.pow(2, -1074) === Number.MIN_VALUE // true
通过以上可以明白，[MIN_SAFE_INTEGER, MAX_SAFE_INTEGER] 的整数都可以精确表示，但是超出这个范围的整数就不一定能精确表示。这样就会产生所谓的大数精度丢失问题。
二、使用bignumber.js解决精度问题
1、安装bignumber.js
cnpm add bignumber.jsbignumber.js官网
2、静态方法
- clone() & config() 可以为BigNumber构造函数设置参数
var BN = BigNumber.clone() //生成一个独立的BigNumber构造函数 BN.config({DECIMAL_PLACES:4, ROUNDING_MODE: 4}) //设置小数点、舍入模式 BN(1).div(3).toNumber() //0.3333，注意跟上面计算结果的区别
//取值范围：
BigNumber.ROUND_UP = 0; //远离0方向舍入
BigNumber.ROUND_DOWN = 1; //向0方向舍入
BigNumber.ROUND_CEIL = 2; //向正无限大舍入
BigNumber.ROUND_FLOOR = 3; //向负无限大舍入
BigNumber.ROUND_HALF_UP = 4; //四舍五入：向最接近的数字方向舍入，如果与两个相邻数字的距离相等，则向上舍入。
BigNumber.ROUND_HALF_DOWN = 5; //向最接近的数字方向舍入，如果与两个相邻数字的距离相等，则向下舍入。
BigNumber.ROUND_HALF_EVEN = 6; //向最接近数字方向舍入，如果与两个相邻数字的距离相等，则向相邻的偶数舍入
BigNumber.ROUND_HALF_CEIL = 7;
BigNumber.ROUND_HALF_FLOOR = 8;
3、实例方法
- 加法 .plus(n [, base]) ⇒ BigNumber
- 减法 .minus(n [, base]) ⇒ BigNumber
- 乘法 .times(n [, base]) ⇒ BigNumber
- 除法 .div(n [, base]) ⇒ BigNumber
- 取模/取余： .mod(n [, base])
- 指数运算： .pow(n [, m]) ⇒ BigNumber
- 开平方：.sqrt() ⇒ BigNumber
- 比较大小： .comparedTo(n [, base]) ⇒ number
- 精度调整 .dp([dp [, rm]]) ⇒ BigNumber|number
- 取整：.integerValue([rm]) ⇒ BigNumber
- 有效数字 .sd([d [, rm]]) ⇒ BigNumber|number
- 保留小数位数 .toFixed([dp [, rm]]) ⇒ string
-
保留小数位数 .decimalPlaces()
let x = 6.2000, y = 3.10, z = 9;
console.log('9999--plus---',BigNumber(0.7).plus(x).plus(y).toString()); // 10
console.log('9999--minus---',BigNumber(x).minus(2).toString()); // 4.2
console.log('9999--times---',BigNumber(x).times(10).toString()); // 62
console.log('9999--div---',BigNumber(x).div(y).toString()); // 2
console.log('9999--mod---',BigNumber(x).mod(y).toString()); // 0
console.log('9999--pow---',BigNumber(x).pow(-2).toString()); // 0.0260145681581685744
console.log('9999--sqrt---',BigNumber(z).sqrt().toString()); // 3
console.log('9999--toFixed---',BigNumber(x).toFixed(1).toString()); // 6.2
console.log('9999--toFixed---',BigNumber(x).decimalPlaces(1));// 6.2
console.log('9999--integerValue---',BigNumber(x).integerValue(1).toString()); // 6
console.log('9999--sd---',BigNumber(x).sd().toString()); // 2
console.log('9999--comparedTo---',BigNumber(x).comparedTo(y).toString()); //1， 1为大于，-1为小于，0为等于4、大额数据处理函数
import BigNumber from 'bignumber.js';
// 将大额数据转化为10进制
formatUnits(money: string | number = '0', digits = 12) {
try {
let balance = String(money) || '0';
if (balance !== '0') {
const BN = BigNumber.clone({ DECIMAL_PLACES: Math.abs(digits) });
balance = BN(balance)
.shiftedBy(-digits)
.decimalPlaces(digits)
.toString(10);
return balance;
}
return '0';
} catch (e) {
// console.log(e);
return '0';
}
}
// 将大额数据转化为10进制，并进行千分位
function formatFixed(money: string | number = '0', digits = 12) {
try {
let balance = String(money) || '0';
if (balance !== '0') {
const BN = BigNumber.clone({ DECIMAL_PLACES: Math.abs(digits) });
balance = BN(balance).shiftedBy(-digits).toFormat();
return balance;
}
return '0';
} catch (e) {
return '0';
// console.log(e);
}
}5、大额数据比较函数
import BigNumber from 'bignumber.js';
// value1 大于或者等于value2 为true，否则为false
function comparedTo(value1: string | number, value2: string | number) {
const first = new BigNumber(value1);
const second = new BigNumber(value2);
const value = first.comparedTo(second);
console.log('🚀 ~ file: util.ts:197 ~ comparedTo ~ value:', value);
const boo = value === 1 ? true : value === 0 ? true : false;
console.log('🚀 ~ file: util.ts:202 ~ comparedTo ~ boo:', boo);
return boo;
}
// value1 大于value2 为true，否则为false
function greaterThanZero(value1: string | number, value2: string | number) {
const first = new BigNumber(value1);
const second = new BigNumber(value2);
const value = first.comparedTo(second);
console.log('🚀 ~ file: util.ts:197 ~ comparedTo ~ value:', value);
const boo = value === 1 ? true : false;
console.log('🚀 ~ file: util.ts:202 ~ comparedTo ~ boo:', boo);
return boo;
},6、在限制小数位数函数封装
// value 输入的值
// digits 需要保留的小数位
function formatDecimalPlaces(value: string | number = '0', digits: number) {
try {
let balance = String(value);
const reg = new RegExp(`^\\d*(\\.?\\d{0,${digits}})`, 'g');
let val = balance
.replace(/[^\d^\\.?]+/g, '')
.replace(/^0+(\d)/, '$1')
.replace(/^\./, '0.');
const arrMatch = val.match(reg);
if (arrMatch?.length) {
const value = arrMatch[0] || '';
return value;
}
if (balance === 'NaN') {
return '';
}
return balance;
} catch (e) {
// console.log(e);
return '0';
}
}参考文档：react, react native 限制只能输入数字，且保留小数后两位
