如何将JavaScript代码中的科学计数法数值转为小数格式显示？

问题根源 #

LCX API返回的极小数值会默认以科学计数法显示，这是JavaScript对超出常规小数范围数值的默认处理逻辑，局部修改未生效通常是因为没覆盖所有数值调用场景，需要全局统一处理。

全局解决方案 #

方案1：定义全局格式化函数

在项目入口文件中定义通用格式化函数，所有需要显示该类数值的地方直接调用，确保覆盖所有场景：

// 全局挂载格式化函数
function formatToPlainDecimal(num) {
  if (isNaN(num)) return '0';
  const numStr = num.toString();
  // 非科学计数法直接返回
  if (!/e/i.test(numStr)) return numStr;

  const [coeff, expStr] = numStr.split(/e/i);
  const exponent = parseInt(expStr, 10);
  let plainStr;

  if (exponent >= 0) {
    // 处理正指数：补零到对应位数
    const [intPart, decPart] = coeff.split('.');
    const totalDecimals = decPart ? decPart.length : 0;
    plainStr = intPart + (decPart || '') + '0'.repeat(exponent - totalDecimals);
  } else {
    // 处理负指数：补前导零
    const absExp = Math.abs(exponent);
    const coeffNoDot = coeff.replace('.', '');
    plainStr = '0.' + '0'.repeat(absExp - 1) + coeffNoDot;
  }

  // 清理末尾多余的零，确保格式整洁
  return plainStr.replace(/\.?0+$/, '').replace(/^(\d+)$/, '$1.0') || '0';
}

// 使用示例
const ATRILCXPRICBTCBid = 1.134916286172e-7;
console.log(formatToPlainDecimal(ATRILCXPRICBTCBid)); // 输出 0.0000001134916286172

方案2：扩展Number原型方法

如果希望所有Number类型的数值都能直接调用转换方法，可扩展Number原型（注意：避免与第三方库冲突，建议给方法名加项目前缀）：

// 扩展Number原型，添加自定义转换方法
Number.prototype.lcxToPlainDecimal = function() {
  if (isNaN(this)) return '0';
  const numStr = this.toString();
  if (!/e/i.test(numStr)) return numStr;

  const [coeff, expStr] = numStr.split(/e/i);
  const exponent = parseInt(expStr, 10);
  let plainStr;

  if (exponent >= 0) {
    const [intPart, decPart] = coeff.split('.');
    const totalDecimals = decPart ? decPart.length : 0;
    plainStr = intPart + (decPart || '') + '0'.repeat(exponent - totalDecimals);
  } else {
    const absExp = Math.abs(exponent);
    const coeffNoDot = coeff.replace('.', '');
    plainStr = '0.' + '0'.repeat(absExp - 1) + coeffNoDot;
  }

  return plainStr.replace(/\.?0+$/, '').replace(/^(\d+)$/, '$1.0') || '0';
};

// 使用示例
const ATRILCXPRICBTCAsk = 2.345e-8;
console.log(ATRILCXPRICBTCAsk.lcxToPlainDecimal()); // 输出 0.00000002345

注意事项 #

• 若API返回的是字符串类型的科学计数法，需先通过parseFloat()转换为数值后再调用格式化方法
• 可根据业务需求调整函数逻辑，比如添加参数控制保留的小数位数
• 扩展Number原型时，自定义方法名尽量独特，避免与其他库的方法冲突

内容的提问来源于stack exchange，提问作者TorNetwork