Springboot Long类型数据太长返回给前端，精度丢失问题复现、解决

╰+哭是因爲堅強的太久メ 2023-09-25 18:27 16阅读 0赞

## 前言 ##

惯例，收到兄弟求救，关于long类型丢失精度的问题：

![e16ea1154c8344d3b8dadfc2c9a4701e.png][]

存在一个初学者不会，就会有第二个初学者不会，所以我出手。

## 正文 ##

不多说，开搞。

如题， 后端返回的数据 给到 前端， Long类型数据太长导致精度丢失。

## 复现示例 ##

比如我们写个接口：

我们特意去把 Long类型 14位 到 20位的数据都 塞到返回值里面

@RequestMapping("/test")
        @ResponseBody
        public TestDTO test(){
            TestDTO testDTO=new TestDTO();
            testDTO.setNumStr("12345678901234568901234567890123456890");
            testDTO.setNum14(12345678901234L);
            testDTO.setNum15(123456789012345L);
            testDTO.setNum16(1234567890123456L);
            testDTO.setNum17(12345678901234567L);
            testDTO.setNum18(123456789012345678L);
            testDTO.setNum19(123456789012345689L);
            testDTO.setNum20(1234567890123456890L);
            return testDTO;
        }

![5e2bacafa856441384692d06bfcf7b7f.png][]

TestDTO.java：

public class TestDTO {
    
        private String numStr;
    
        private Long num14;
        private Long num15;
        private Long num16;
        private Long num17;
        private Long num18;
        private Long num19;
        private Long num20;
      
        //省略set、get
    }

这时候前端调用看看效果，可以看到出现了精度丢失的场景：  
  
![ccf5a74791034bf9ace92b92011ff4d7.png][]

## 原因 ##

> js数字的精度是有限的，Java的Long类型的数字超出了JavaScript的处理范围。  
> 内部只有一种数字类型Number，双精度64位格式存储，即使整数也是如此。  
> 最大的数值应该是2的53次方-1，十进制是【9007199254740991】，16位。  
> 所以说超过16位，那么如果属于Number类型去解析的，就会丢失精度。

解决方案：

@JsonSerialize(using=ToStringSerializer.class)

![afd20fefe0414777aeb1e45fed4b477f.png][]

看看效果：  
  
![55ec8b12643240ef8321a723672e39cf.png][]

好了，该篇就到这。

[e16ea1154c8344d3b8dadfc2c9a4701e.png]: https://img-blog.csdnimg.cn/e16ea1154c8344d3b8dadfc2c9a4701e.png
[5e2bacafa856441384692d06bfcf7b7f.png]: https://img-blog.csdnimg.cn/5e2bacafa856441384692d06bfcf7b7f.png
[ccf5a74791034bf9ace92b92011ff4d7.png]: https://img-blog.csdnimg.cn/ccf5a74791034bf9ace92b92011ff4d7.png
[afd20fefe0414777aeb1e45fed4b477f.png]: https://img-blog.csdnimg.cn/afd20fefe0414777aeb1e45fed4b477f.png
[55ec8b12643240ef8321a723672e39cf.png]: https://img-blog.csdnimg.cn/55ec8b12643240ef8321a723672e39cf.png