前端vue项目计算数字精度丢失的解决方法

R九十

于 2023-10-18 15:41:10 发布

阅读量1.4k

点赞数

文章标签：前端 vue.js javascript

本文链接：https://blog.youkuaiyun.com/qq_53152532/article/details/133907668

版权

/**
 * 对数字进行小数位精度处理，并返回一个字符串，避免出现科学计数格式的数字
 * @param decimal 数字
 * @param digits 精确度
 * @returns
 */
export const formatDecimal = (decimal = 0, digits = 4) => {
  // 如果传进来的不能转为数字，则返回0，同时应该上报异常
  if (decimal === undefined || Number.isNaN(decimal)) {
    return '0';
  }
  // 得到含有小数点后十位的数字字符串
  const _decimalStr = Number(decimal).toFixed(10);
  const decimalPointIndex = _decimalStr.indexOf('.');
  // 截取的方式对数字向下取整
  const _decimalStrWithDigits = _decimalStr.substring(0, decimalPointIndex + digits + 1);
  // 将小数点后面多余的0都替换掉
  return _decimalStrWithDigits.replace(/\.?0+$/, '');
};

引入即可直接调用