聊聊 Go 语言中的 JSON 序列化与 js 前端交互类型失真问题

简介: 在Web开发中,后端与前端的数据交换常使用JSON格式,但JavaScript的数字类型仅能安全处理-2^53到2^53间的整数,超出此范围会导致精度丢失。本文通过Go语言的`encoding/json`包,介绍如何通过将大整数以字符串形式序列化和反序列化,有效解决这一问题,确保前后端数据交换的准确性。

在 Web 开发中,后端与前端之间的数据交换通常通过 JSON 格式进行。

然而,在处理数字,尤其是大整数时,我们可能会遇到精度丢失的问题。这是因为 JavaScript 中的数字类型只能安全地处理一定范围内的整数。其数字类型是基于 64 位双精度浮点数的 Number 类型。这种类型可以安全表示 -2^532^53 之间的整数,超过这个范围的整数将无法精确表示,但是我们后端语言的整数范围是超过的,因此就有可能会遇到精度丢失的问题。

本文将通过 Go 语言的 encoding/json 包,探讨如何通过 JSON 序列化与反序列化来避免数字精度丢失的问题。

Go 语言中的 JSON 处理

Go 语言的 encoding/json 包提供了强大的 JSON 序列化与反序列化功能。通过合理地使用结构体标签,我们可以控制 JSON 的编码与解码行为。

序列化:将大整数转为字符串

在 Go 语言中,如果我们有一个大整数,比如 math.MaxInt64,直接序列化为 JSON,那么在 JavaScript 中可能会丢失精度。为了解决这个问题,我们可以将大整数以字符串的形式序列化。

因为字符串不存在精度问题,从而从侧边也就解决了数字精度的问题。

type User struct {
   
    UserID int64  `json:"user_id,string"`
    Name   string `json:"name"`
    Age    int    `json:"age"`
}

func DigitalDistortionDemo() {
   
    data := User{
   
        UserID: math.MaxInt64,
        Name:   "Alex",
        Age:    18,
    }
    b, err := json.Marshal(data)
    if err != nil {
   
        log.Fatalf("json marshal failed: %v", err)
    }
    fmt.Printf("r1: %s\n", string(b))
}

在上述代码中,我们在 User 结构体的 UserID 字段上使用了 json:"user_id,string" 标签,这告诉 json.Marshal 函数将 UserID 以字符串的形式序列化。

反序列化:将字符串还原为大整数

当从前端接收到的 JSON 字符串中的 user_id 为字符串类型时,我们需要确保在反序列化过程中将其正确地转换回大整数。

func DigitalDistortionDemo1() {
   
    s := `{"user_id":"9223372036854775807","name":"Alex","age":18}`
    var user User
    if err := json.Unmarshal([]byte(s), &user); err != nil {
   
        log.Fatalf("json unmarshal failed: %v", err)
    }
    fmt.Printf("r2: %+v\n", user)
}

在这段代码中,json.Unmarshal 函数将 JSON 字符串中的 user_id 字段正确地解析为 User 结构体中的 UserID 字段,即使它是以字符串形式提供的。

这样也就完美解决了,我们后端的数值传给 js 前端,前端丢失精度的问题。

并且因为 js 前端需要字符串类型,而我们后端定义的类型是一个 int64 类型,通过只是加了一个 string json tag ,从而就优雅的解决了 js 前端无论接收还是传值都用 string,后端继续使用 int64 类型,不用再做类型转换问题。

结论

通过在 Go 语言中合理使用 encoding/json 包的结构体标签,我们可以有效地避免在 JSON 序列化与反序列化过程中的数字精度丢失问题。

这种方法对于处理大整数,特别是在与 JavaScript 环境交互时,尤为重要。希望本文能够帮助你更好地理解和应用 JSON 数据交换中的数字精度问题。

相关文章
|
29天前
|
JavaScript 前端开发 程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素,但是它们之间有些细微的差别,稍不注意,就很容易弄错!
|
26天前
|
JavaScript 前端开发 Java
springboot解决js前端跨域问题,javascript跨域问题解决
本文介绍了如何在Spring Boot项目中编写Filter过滤器以处理跨域问题,并通过一个示例展示了使用JavaScript进行跨域请求的方法。首先,在Spring Boot应用中添加一个实现了`Filter`接口的类,设置响应头允许所有来源的跨域请求。接着,通过一个简单的HTML页面和jQuery发送AJAX请求到指定URL,验证跨域请求是否成功。文中还提供了请求成功的响应数据样例及请求效果截图。
springboot解决js前端跨域问题,javascript跨域问题解决
|
27天前
|
JSON JavaScript 前端开发
Go语言中json序列化的一个小坑,建议多留意一下
在Go语言开发中,JSON因其简洁和广泛的兼容性而常用于数据交换,但其在处理数字类型时存在精度问题。本文探讨了JSON序列化的一些局限性,并介绍了两种替代方案:Go特有的gob二进制协议,以及msgpack,两者都能有效解决类型保持和性能优化的问题。
49 7
|
28天前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
41 5
|
26天前
|
缓存 前端开发 JavaScript
JavaScript前端路由的实现原理及其在单页应用中的重要性,涵盖前端路由概念、基本原理、常见实现方式
本文深入解析了JavaScript前端路由的实现原理及其在单页应用中的重要性,涵盖前端路由概念、基本原理、常见实现方式(Hash路由和History路由)、优点及挑战,并通过实际案例分析,帮助开发者更好地理解和应用这一关键技术,提升用户体验。
65 1
|
4月前
|
存储 Java
【IO面试题 四】、介绍一下Java的序列化与反序列化
Java的序列化与反序列化允许对象通过实现Serializable接口转换成字节序列并存储或传输,之后可以通过ObjectInputStream和ObjectOutputStream的方法将这些字节序列恢复成对象。
|
1月前
|
JSON 数据格式 索引
Python中序列化/反序列化JSON格式的数据
【11月更文挑战第4天】本文介绍了 Python 中使用 `json` 模块进行序列化和反序列化的操作。序列化是指将 Python 对象(如字典、列表)转换为 JSON 字符串,主要使用 `json.dumps` 方法。示例包括基本的字典和列表序列化,以及自定义类的序列化。反序列化则是将 JSON 字符串转换回 Python 对象,使用 `json.loads` 方法。文中还提供了具体的代码示例,展示了如何处理不同类型的 Python 对象。
|
1月前
|
存储 安全 Java
Java编程中的对象序列化与反序列化
【10月更文挑战第22天】在Java的世界里,对象序列化和反序列化是数据持久化和网络传输的关键技术。本文将带你了解如何在Java中实现对象的序列化与反序列化,并探讨其背后的原理。通过实际代码示例,我们将一步步展示如何将复杂数据结构转换为字节流,以及如何将这些字节流还原为Java对象。文章还将讨论在使用序列化时应注意的安全性问题,以确保你的应用程序既高效又安全。
|
2月前
|
存储 Java
Java编程中的对象序列化与反序列化
【10月更文挑战第9天】在Java的世界里,对象序列化是连接数据持久化与网络通信的桥梁。本文将深入探讨Java对象序列化的机制、实践方法及反序列化过程,通过代码示例揭示其背后的原理。从基础概念到高级应用,我们将一步步揭开序列化技术的神秘面纱,让读者能够掌握这一强大工具,以应对数据存储和传输的挑战。
|
2月前
|
存储 安全 Java
Java编程中的对象序列化与反序列化
【10月更文挑战第3天】在Java编程的世界里,对象序列化与反序列化是实现数据持久化和网络传输的关键技术。本文将深入探讨Java序列化的原理、应用场景以及如何通过代码示例实现对象的序列化与反序列化过程。从基础概念到实践操作,我们将一步步揭示这一技术的魅力所在。
下一篇
DataWorks