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"