js对于大数值获取显示和计算处理_大数据显示 js-优快云博客

JS处理大数值时会因最大安全数限制而失去精度。在Vue前端开发中，后台返回数字获取时也会有此问题。可使用插件将“大数”转换为字符串对象解决，还可借助bignumber插件进行计算，处理数据时参数需提前转成字符串。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js处理大的数值会缺少，主要因为js有最大安全数，超过了这个数就失去精度了。所以要解决这个问题我们考虑到使用插件：

1.vue开发前端的有时候后台返回的是数字获取时候就失去精度了这个时候可以使用

包的处理: 其实就是把"大数"转换为一个js字符串对象,这样js就可以识别了,当用到的时候就可以使用这个对象.tostring转换成字符串

下载：

npm install json-bigint -S

// 导入大数处理的包
import bigInt from 'json-bigint'
const transBigInt = data => {
    try {
      // 尝试进行大数处理
      // 优选方案
      return bigInt.parse(data)
    } catch {
      // 大数处理失败，单纯的进行 JSON -> 对象的转换
      // 兜底的方案
      return JSON.parse(data)
    }
  }
axios.defaults.transformResponse= [transBigInt]  // 对服务器响应回来的数据，进行预处理transformResponse: [transBigInt]

这样接口返回的数据就不丢失精度了

对数据处理之后想要计算比如计算和用bignumber插件下载：

npm install bignumber.js

自己写了一个格式化金额保留两位的函数和求和的传递的参数都需要是数字都需要提前转成字符串不然会丢失精度

import  Bignumber from "bignumber.js";
const bigObjFN={
  //取值金额格式化个数
  formatNumber(num,len=2){
    //格式化金额
    return new Bignumber(num).toFormat(len) 
  },
  //大数据计算求和
  add(arg1=0,arg2=0){
    return new Bignumber(arg1).plus(arg2).toString();
  }
}