快捷導(dǎo)航

解決后端傳long類型數(shù)據(jù)到前端精度丟失問題

更新時(shí)間：2024年01月30日 09:58:40 作者：源末coco

這篇文章主要介紹了解決后端傳long類型數(shù)據(jù)到前端精度丟失問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

后端傳long類型數(shù)據(jù)到前端精度丟失

在 Spring Boot 中，將 long 類型傳輸?shù)角岸藭r(shí)，會(huì)發(fā)現(xiàn)該類型的值可能會(huì)出現(xiàn)精度丟失的問題。

這是因?yàn)樵?JavaScript 中，數(shù)字類型默認(rèn)會(huì)被轉(zhuǎn)換為雙精度浮點(diǎn)數(shù)，而雙精度浮點(diǎn)數(shù)的精度有限，只能精確表示 2 的 53 次方以內(nèi)（即 Number.MAX_SAFE_INTEGER，約為 9 x 10^15）的整數(shù)。

對于超過該范圍的長整數(shù)，JavaScript 會(huì)發(fā)生精度丟失，導(dǎo)致值變得不準(zhǔn)確。

解決方案一

將 long 轉(zhuǎn)換為字符串

1：在后端將 long 類型的值轉(zhuǎn)換為字符串類型，可以使用 String.valueOf() 方法或者 Long.toString() 方法

如下所示：

long num = 123456789012345L;
String str = String.valueOf(num);
// 或者
String str = Long.toString(num);

2：在前端通過 AJAX 請求獲取該字符串類型的值，并將其解析為數(shù)字類型。

由于 JavaScript 中的數(shù)值類型默認(rèn)使用 IEEE 754 標(biāo)準(zhǔn)的雙精度浮點(diǎn)數(shù)表示，因此需要使用 JavaScript 的 BigInt() 方法將其轉(zhuǎn)換為大整數(shù)類型。

let str = "123456789012345";
let num = BigInt(str);

解決方案二

使用第三方庫進(jìn)行高精度運(yùn)算

1：在后端將 long 類型的值轉(zhuǎn)換為 BigDecimal 類型（Java 中的高精度類型），并通過 JSON 序列化后傳遞到前端。

這里以 Spring Boot 中使用 FastJSON 序列化為例

如下所示：

BigDecimal num = new BigDecimal("123456789012345");
String jsonStr = JSON.toJSONString(num);

2：在前端使用第三方庫 big.js 或 bignumber.js 進(jìn)行高精度運(yùn)算。

這里以 big.js 為例，首先需要引入 big.min.js 文件，在代碼中使用 Big() 類構(gòu)造高精度對象，并進(jìn)行相應(yīng)的運(yùn)算。

<script src="big.min.js"></script>
let num = new Big("123456789012345");
let result = num.plus(1);

還可以使用注解來解決long類型的精度丟失問題

Spring Boot 中提供了 @JsonFormat 注解，可以對實(shí)體類中的屬性進(jìn)行序列化和反序列化格式化。

對于 long 類型的屬性，可以設(shè)置其格式為字符串類型，并在前端進(jìn)行相應(yīng)的處理，以保持其精度不丟失。

具體實(shí)現(xiàn)方式

1：在實(shí)體類中添加 @JsonFormat 注解，設(shè)置其 shape 屬性為 JsonFormat.Shape.STRING

如下所示：

public class Example {
    @JsonFormat(shape = JsonFormat.Shape.STRING)
    private Long num;
}

2：在前端獲取該值時(shí)，直接使用字符串類型進(jìn)行處理

如下所示：

let numStr = data.num;

Spring Boot 中可以通過配置文件來解決 long 類型的精度丟失問題。

在 Spring Boot 的配置文件 application.properties 中添加如下配置：

spring.jackson.serialization.WRITE_DATES_AS_TIMESTAMPS=false
# 將 long 類型序列化為字符串類型
spring.jackson.serialization.WRITE_NUMBERS_AS_STRINGS=true

其中，

WRITE_DATES_AS_TIMESTAMPS 表示是否將日期類型序列化為時(shí)間戳類型，默認(rèn)為 true，這里設(shè)置為 false 如果需要將日期類型序列化為時(shí)間戳類型，則不需要設(shè)置此屬性。
而 WRITE_NUMBERS_AS_STRINGS 則表示是否將數(shù)字類型序列化為字符串類型，默認(rèn)為 false，這里設(shè)置為 true 即可將 long 類型序列化為字符串類型。