JS中使用bignumber处理高精度小数运算

矫情吗；* 2021-07-27 01:28 1391阅读 0赞

项目开发中发现精度丢失的问题，如0.1+0.2 = 0.30000000000000004的问题

### 解决方式：引用bignumber.js用于数字精度要求较高的计算。 ###

### **1、安装或引用：** ###

下载地址：[https://github.com/MikeMcl/bignumber.js/releases][https_github.com_MikeMcl_bignumber.js_releases]

或  npm install bignumber.js --save 命令安装后使用 import BigNumber from 'bignumber.js' 引用

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3V6dW9sdW8_size_16_color_FFFFFF_t_70][]

**2、bignumber.js API地址：[ http://mikemcl.github.io/bignumber.js/][http_mikemcl.github.io_bignumber.js]**

![f30c0e40c431182084897766d55db446.png][]

### **3、静态方法** ###

*  **clone() & config() **可以为BigNumber构造函数设置参数

var BN = BigNumber.clone() //生成一个独立的BigNumber构造函数
    BN.config({DECIMAL_PLACES:4, ROUNDING_MODE: 4}) //设置小数点、舍入模式
    BN(1).div(3).toNumber() //0.3333，注意跟上面计算结果的区别

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3V6dW9sdW8_size_16_color_FFFFFF_t_70 1][]

*  **maximum & minimum & sum & radom**

import BigNumber from 'bignumber.js'
      export default {
        name: 'landing-page',
        components: { SystemInformation },
        created(){
          let x = new BigNumber(0.1)
          let x2 = new BigNumber()
          let y = x.plus(0.2)                 
          console.log('8888-----',0.1+0.2);   // 0.30000000000000004
          console.log('9999--plus---',y.toString());  // 0.3
          console.log('9999--maximum---',BigNumber.maximum(2,12,32.21,222.11,76).toString());  // 222.11
          console.log('9999--sum---',BigNumber.sum(1,2,3,4,5).toString()); // 15
          console.log('9999--radom---',BigNumber.random(10).toString());  // 0.4046523741
        },

### **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**

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--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为等于

[https_github.com_MikeMcl_bignumber.js_releases]: https://github.com/MikeMcl/bignumber.js/releases
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3V6dW9sdW8_size_16_color_FFFFFF_t_70]: /images/20210726/c4dd30a4e6dc4df3a3f56a6101a47c32.png
[http_mikemcl.github.io_bignumber.js]: http://mikemcl.github.io/bignumber.js/
[f30c0e40c431182084897766d55db446.png]: /images/20210726/22e2a924df324fe0b7bb299406a12e37.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3V6dW9sdW8_size_16_color_FFFFFF_t_70 1]: /images/20210726/1d2b400acefe4de6a56cffcfbefacd73.png