在JavaScript中处理21位小数

Question

我正在用JavaScript编写输入范围组件，该组件与整数一起使用以定义max ， min和step值。

如果用户提供了十进制step值，则组件将使用此函数获取小数位数并将其转换为整数：

export function getDecimals(num) {
  const stepArr = num.toString().split('.');
  return stepArr[1] ? stepArr[1].length : 0;
}

这样做，该组件可以使用整数，并且当需要将用户插入的值（使用范围句柄）返回给用户时，它将把数字转换回十进制数并将十进制数设置为相同的数量分step提供此功能：

parseFloat(
  newValue.toFixed(getDecimals(this.props.step))
);

this.props.step是组件使用者提供的原始step值。

它工作得很好，但是我收到一个错误报告，其中一个使用者收到了RangeError因为提供的step号是：

0.000020735346383538284

该数字具有21个十进制数字，而Number.toFixed支持不超过20个十进制数字。

这是一个复制品：

 const step = 0.000020735346383538284; function getDecimals(num) { const stepArr = num.toString().split('.'); return stepArr[1] ? stepArr[1].length : 0; } function toSafe(num) { return parseFloat(num.toFixed(getDecimals(step))); } console.log(toSafe(10)); 

我可以使用以下方法轻松解决此问题：

export function getDecimals(num) {
  const stepArr = num.toString().split('.');
  return Math.min(20, stepArr[1] ? stepArr[1].length : 0);
}

但是在这种情况下，我将失去step值所需的精度，因为我永远不会返回超过20个十进制数字的值。

如何处理这种情况以保持精度？

更新 ：

此功能将起作用还是由于字符串操作而使一些数字混乱？

export function toFixed(num, decimals) {
  const parts = num.toString().split('.');
  return Number(`${parts[0]}.${(parts[1] || '').slice(0, decimals)}`);
}

Answer 1

一个快速的猜测是使用某种大数字库。 像这样吗？