前端接收后端数据时，遇到精度丢失的问题_前端数字精度丢失

如何解决

1. 使用字符串类型传递：将后端生成的 ID 转换成字符串类型后再传递给前端，这样可以避免浮点数精度丢失的问题。
2. 在前端进行精度处理：在前端接收到 ID 后，可以使用一些 JavaScript 库来进行高精度计算和处理，例如 decimal.js、bignumber.js 等，这样可以避免浮点数精度丢失的问题。
3. 前后端统一使用相同的算法：可以尝试使用前后端都支持的算法来生成全局唯一 ID，这样可以保证前后端生成的 ID 是一致的，避免精度丢失的问题。

需要注意的是，如果精度丢失的问题比较严重，可能会影响到系统的正确性，因此需要根据实际情况选择适合的解决方法。

解决示例

后端解决方式

在对应的实体属性上添加注解：

@JsonSerialize(using = com.fasterxml.jackson.databind.ser.std.ToStringSerializer.class)

@JsonSerialize 注解用于指定在将 Java 对象序列化为 JSON 字符串时使用的序列化器，其中
using 属性用于指定序列化器的实现类。在这个例子中，
using 属性指定为
com.fasterxml.jackson.databind.ser.std.ToStringSerializer.class，即使用 Jackson 序列化库中的
ToStringSerializer 类来将 Java 对象的值序列化为字符串类型的 JSON 值。

具体来说，在这个例子中，ToStringSerializer 类实现了将 Java 对象的值序列化为字符串类型的 JSON 值的功能。例如，如果 Java 对象的一个属性是 Long 类型，使用默认的序列化方式时，该属性的值会被序列化为一个数字类型的 JSON 值。但是使用 ToStringSerializer 类时，该属性的值会被序列化为一个字符串类型的 JSON 值，即将该属性的值转换为字符串类型后再进行序列化。
使用 ToStringSerializer 类的主要作用是将 Java 对象中的某些属性序列化为字符串类型的 JSON 值，这通常用于解决一些精度丢失或溢出等问题。例如，在 Java 中，当使用 double 或 float 类型来表示一个非常大或非常小的数时，可能会出现精度丢失或溢出的问题，这时可以使用 ToStringSerializer 类将该属性的值转换为字符串类型后再进行序列化，避免精度问题。

示例：

@JsonSerialize(using = com.fasterxml.jackson.databind.ser.std.ToStringSerializer.class)
//解决雪花算法生成后，前端接收后缺失精度问题
private BigInteger id;

前端进行处理

将数字121212121211212564（17位）使用 decimal.js 库在前端进行精度处理的示例：

1. 安装 decimal.js 库：

npm install decimal.js

2. 在前端代码中引入 decimal.js：

import Decimal from 'decimal.js';

3. 使用 Decimal 类来进行精度处理：

### 最后

本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点，以及我个人的学习方法、学习路线等，当然也整理了一些学习文档资料出来是给大家的。知识点涉及比较全面，包括但不限于**前端基础，HTML，CSS，JavaScript，Vue，ES6，HTTP，浏览器，算法等等**

>**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**

![](https://img-blog.csdnimg.cn/img_convert/d6af8240e76e93e32067d162c3de8ece.webp?x-oss-process=image/format,png)

**前端视频资料：**
csdn.net/topics/618166371)**

[外链图片转存中...(img-YRkwG9t4-1714574975838)]

**前端视频资料：**
![](https://img-blog.csdnimg.cn/img_convert/3c463d9ce775f6ebf76031146ce26046.webp?x-oss-process=image/format,png)