Vue3+TypeScript中长格式数字字符串转Number丢失小数位问题求助

JavaScript里的Number类型是IEEE 754双精度浮点数，最多只能精确表示53位二进制数，对应十进制大概16-17位有效数字。你转换后的数字2882956766235065.23，整数部分就占了16位，加上小数部分超出了Number的精度范围，所以转成数字时小数部分会被自动截断，只保留整数部分。

根据你的需求，分两种情况处理：

1. 仅用于展示（不需要数值计算） #

直接返回处理后的字符串即可，不用转成Number，这样能完整保留所有数字：

export function convertToFormattedString(value: number | string): string {
  const rawStr = String(value);
  // 先替换所有千分位的点，再把小数点的逗号换成点
  return rawStr.replaceAll('.', '').replace(',', '.');
}

调用后会得到字符串"2882956766235065.23"，直接用于页面展示完全没问题。

2. 需要进行数值计算 #

如果要对这个数值做计算，就得用高精度数值库来避免精度丢失，比如decimal.js：

• 先安装依赖：npm install decimal.js
• 然后修改转换函数：

import Decimal from 'decimal.js';

export function convertToPreciseNumber(value: number | string): Decimal {
  const processedStr = String(value).replaceAll('.', '').replace(',', '.');
  return new Decimal(processedStr);
}

之后就可以用Decimal提供的方法进行加减乘除等运算，所有精度都会被完整保留。

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