javascript - 后端返回双精度数据，前端如何处理？

Question

后端返回双精度数据，前端无法正常显示，js只支持浮点数。除了后台转字符串，前端循环添加toFixed，还有别的好的方法吗？

Answer 1

精度丢失问题？考虑用一下 big.js 处理一下在使用咯。
其实前端用 toFixed 也会有 银行家进位法 相关的问题。

如果说适合金额有关的，可以直接扩大到小数点后第四位作为基准单位，也就是 1.3 使用 1000 来存储，这样运算就不会有问题了，显示的时候在单独去做处理。
如果有考虑大数运算溢出的话，可以适当缩小扩大倍数或者考虑使用 BigInt 或者开头提到的 big.js

Answer 2

显示是有什么问题吗,我看你的描叙数据只要求保留两位小数,如果这样封装成公共方法统一转换也行

Answer 3

当后端返回双精度数据（通常是double类型）时，前端JavaScript确实只支持单精度浮点数（Number类型）。由于这种差异，有时可能会遇到精度问题。以下是一些处理后端返回的双精度数据的方法：

1. 后端转换为字符串

在数据返回给前端之前，后端可以将双精度数据转换为字符串。这样，前端就不会遇到精度问题，因为字符串是精确的。

2. 前端使用toFixed

前端可以接收到浮点数后，使用toFixed方法将其格式化为指定小数位数的字符串。这样，你就可以控制显示的小数位数，并避免精度损失。

const doubleValue = 123.456789;const formattedValue = doubleValue.toFixed(2); // "123.46"

3. 使用库或工具来处理数值

有一些库或工具可以帮助你更精确地处理浮点数，例如decimal.js或big.js。这些库提供了更精确的数值表示和运算方法。

4. 传输时保持精度

如果后端使用JSON进行数据传输，确保在序列化时使用了正确的配置来保持精度。例如，在Java中，你可以使用像Jackson这样的库，并配置它来正确序列化double值。

5. 考虑数据类型和精度需求

在设计API和数据处理逻辑时，考虑是否真的需要双精度。在很多情况下，单精度浮点数可能已经足够，并且可以减少潜在的精度问题。

结论

除了后端转字符串和前端使用toFixed之外，你还可以考虑使用专门的数值处理库或工具来更精确地处理数值。同时，在设计和实现过程中要考虑到数据类型和精度的实际需求。

请注意，每种方法都有其优缺点，选择哪种方法取决于你的具体需求和场景。在处理数值数据时，始终要谨慎，并意识到浮点数运算的潜在问题。