后端id设置long类型时,传到前端,超过19位最后两位为00

文章目录

后端id设置long类型时,传到前端,超过19位最后两位为00

一、引言

在后端开发中,我们经常会遇到需要将ID作为标识符传递给前端的情况。当ID的类型为long时,如果该ID超过19位,前端JavaScript在处理时可能会遇到精度问题,导致最后两位变成00。本文将探讨这一问题的原因以及解决方案。

二、问题概述

1、问题背景

在Java中,Long类型的取值范围是-92233720368547758089223372036854775807(即-2^642^64-1)。然而,JavaScript中的Number类型取值范围是-90071992547409929007199254740991(即-2^532^53-1)。当long类型的ID超过JavaScript的Number类型范围时,就会出现精度丢失的问题。

2、问题示例

假设后端生成了一个超过19位的ID,如1639542977692344321,当这个ID传递到前端时,JavaScript可能会将其错误地解析为1639542977692344300,即最后两位变成了00。

三、解决方案

1、将ID转换为字符串

为了避免精度丢失,我们可以在后端将long类型的ID转换为字符串。这样,无论ID的长度如何,前端都可以正确地接收和处理。

1.1、使用@JsonSerialize注解

在Java中,我们可以使用@JsonSerialize注解来指定ID字段的序列化方式。通过ToStringSerializer类,我们可以确保ID在序列化时被转换为字符串。

java 复制代码
import com.fasterxml.jackson.databind.annotation.JsonSerialize;
import com.fasterxml.jackson.databind.ser.std.ToStringSerializer;

public class SomeEntity {
    @JsonSerialize(using = ToStringSerializer.class)
    private Long id;

    // 其他属性和方法
}

2、前端处理

在前端,我们可以直接使用接收到的字符串ID,无需进行任何转换。这样可以确保ID的完整性和准确性。

四、总结

通过将后端的long类型ID转换为字符串,我们可以避免在传递给前端时出现的精度丢失问题。这种方法简单有效,可以确保ID在前后端之间的传递过程中保持准确无误。


版权声明:本博客内容为原创,转载请保留原文链接及作者信息。

参考文章

相关推荐
alexander0682 小时前
CSS 类选择器组合
前端·css
寅时码7 小时前
React 之死·终章:一个 useRef,把闭包陷阱、依赖数组、漫天 rerender 全送走
前端·react.js·ai编程
不好听6137 小时前
HTML 事件监听机制:从 DOM Level 0 到 React 合成事件
前端·react.js·html
wordbaby7 小时前
为什么刷新页面就 404?聊聊 SPA 路由与 Nginx 的那点事
前端
不好听6137 小时前
React 核心概念:JSX、组件与数据驱动
前端·react.js
触底反弹7 小时前
🔥 React 零基础入门(中):500 行屎山代码到组件化的蜕变
前端·javascript·react.js
不好听6137 小时前
React vs Vue:两大前端框架技术选型深度对比
前端·vue.js·react.js
GuWenyue7 小时前
Cursor黑盒拆解!1套LangChain.js手写Mini编程Agent,自动生成React项目,效率提升60%
前端·数据库·人工智能
GuWenyue7 小时前
传统Agent工具两大痛点!300行代码落地MCP跨语言工具,彻底解耦LLM与工具
前端·人工智能·算法
小林ixn8 小时前
从 onclick 到 React 合成事件,再到完整应用逻辑:一次前端架构的深度剖析
前端·react.js·前端框架