parseFloat 忽略小数点后的字符

Question

我希望我的函数将字符串或数字格式化为小数点后 X 位的十进制数。 我的问题是，当我将3.0004传递给我的函数时，我得到3 。 我已经阅读了文档，似乎每当parseFloat找到一个. 例如

它返回该字符之前的值，忽略无效字符和其后的字符。

我知道它会这样做，但是我如何返回3.00呢？ 我希望我的函数总是返回一个带小数点后数字的数字。 我使用parseFloat的原因是因为我希望它返回一个数字或 null。

这是我的实现

const toDecimal = (number: number | string, digits: number = 2): number | null => {
  switch (typeof number) {
    case 'number':
      return parseFloat(number.toFixed(digits));
    case 'string':
      const parsedDecimal = parseFloat(number);
      return isNaN(parsedDecimal)
        ? null
        : parseFloat(parsedDecimal.toFixed(digits));
    default:
      return null;
  }
}


toDecimal(3.0004)  // will return 3

Answer 1

1. @Ouroborus 对您的问题的评论是了解发生了什么的关键：“数值隐含为 3、3.0 和 3.00 等等。尾随零是隐含的并无限继续”
2. 当您将"3.004"作为唯一参数传递时，默认情况下digits为2 ，然后由于toFixed将数字固定为"3.00" 。

如果您希望"3.004"正确转换为3.004 ，只需以更高的精度调用您的函数：

toDecimal("3.004", 3)

Answer 2

添加以下函数：

const toDecimalFixed = (number: number | string, digits: number = 2) => {
  const parsed = toDecimal(number, digits)
  return parsed == null ? null : parsed.toFixed(2)
}

console.log(toDecimalFixed(3.0004))  // will return "3.00"