Long類型轉json時前端js丟失精度解決方案

一、問題背景

Java后端開發過程中，尤其是id字段，因數值太大，通過json形式傳輸到前端后，在js解析時，會丟失精度。

如果對精度丟失沒有什么概念，可以看一個知乎的帖子，來感受一下：https://www.zhihu.com/question/34564427?sort=created

二、解決思路

將id字段序列化為json時，轉換為字符串類型，前端傳輸到后端，反序列化時，再重新轉換為Long。

三、具體實現

在dto所在項目中，新建一個helper包(名字自定義，也可以放現有包里)。PS：為什么要建到dto項目中？因為，這個包最后可能會給其他組使用，這樣以來，所有的處理規則邏輯都是統一的，方便對接。

在包里添加類LongJsonSerializer，代碼如下：

/**
 * Long 類型字段序列化時轉為字符串，避免js丟失精度
 *
 */
public class LongJsonSerializer extends JsonSerializer<Long> {
    @Override
    public void serialize(Long value, JsonGenerator jsonGenerator, SerializerProvider serializerProvider) throws IOException, JsonProcessingException {
        String text = (value == null ? null : String.valueOf(value));
        if (text != null) {
            jsonGenerator.writeString(text);
        }
    }
}

　　然后在包里再添加類LongJsonDeserializer，代碼如下：

/**
 * 將字符串轉為Long
 *
 */
public class LongJsonDeserializer extends JsonDeserializer<Long> {
    private static final Logger logger = LoggerFactory.getLogger(LongJsonDeserializer.class);
 
    @Override
    public Long deserialize(JsonParser jsonParser, DeserializationContext deserializationContext) throws IOException, JsonProcessingException {
        String value = jsonParser.getText();
        try {
            return value == null ? null : Long.parseLong(value);
        } catch (NumberFormatException e) {
            logger.error("解析長整形錯誤", e);
            return null;
        }
    }
}

　　

好了，接下來是使用這兩個類。

在需要處理的id字段上，加上注解。比如如下代碼：

/**
 * id
 */
@JsonSerialize(using = LongJsonSerializer.class)
@JsonDeserialize(using = LongJsonDeserializer.class)
private Long id;

　　

四、效果展示

接下來，我們看看前端看到的json數據效果，如圖示：