聊聊 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 数据交换中的数字精度问题。

相关文章
|
5月前
|
前端开发 JavaScript 开发者
JavaScript:无处不在的Web语言
JavaScript:无处不在的Web语言
|
4月前
|
Java 编译器 Go
【Golang】(5)Go基础的进阶知识!带你认识迭代器与类型以及声明并使用接口与泛型!
好烦好烦好烦!你是否还在为弄不懂Go中的泛型和接口而烦恼?是否还在苦恼思考迭代器的运行方式和意义?本篇文章将带你了解Go的接口与泛型,还有迭代器的使用,附送类型断言的解释
257 3
|
11月前
|
JSON 自然语言处理 前端开发
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
598 72
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
|
9月前
|
存储 JSON Go
Go语言之空接口与类型断言
本文介绍了 Go 语言中空接口(`interface{}`)和类型断言的核心概念及其应用。空接口可存储任意类型数据,适用于通用函数、动态数据结构与 JSON 解析等场景;类型断言用于将接口变量还原为具体类型,推荐使用带 `ok` 的写法以避免程序崩溃。此外,文章通过示例讲解了 `type switch` 类型判断与 JSON 处理技巧,并总结了空接口的注意事项,强调滥用可能导致类型安全性降低。内容深入浅出,帮助开发者灵活运用这些特性。
271 15
|
8月前
|
存储 JSON JavaScript
[go]byte类型, string 类型, json 类型
本文介绍了Go语言中byte类型的基本概念、特点及用法。byte是8位无符号整数,取值范围为0-255,常用于二进制数据操作,如网络通信和文件读写。文章还详细说明了byte与字符串的转换、遍历byte数据以及与其他类型间的转换。此外,探讨了Go中json.Marshal和json.Unmarshal函数实现[]byte与JSON间的转换,并对比了[]byte与JSON的区别,帮助开发者更好地理解其应用场景与差异。
306 2
|
9月前
|
算法 Go
Go语言模拟集合类型-《Go语言实战指南》
在 Go 语言中,虽然没有内建的集合(Set)类型,但可以通过 `map` 实现其功能。常用方式包括 `map[T]bool` 和更节省内存的 `map[T]struct{}`。前者以布尔值表示元素存在性,后者利用零内存开销的空结构体。文章介绍了集合的基本操作(添加、删除、判断、遍历),并通过封装示例展示如何创建自定义 Set 类型。这种实现方式适用于去重、唯一标记及集合运算等场景,简洁高效且易于扩展。
|
12月前
|
存储 算法 Go
Go语言实战:错误处理和panic_recover之自定义错误类型
本文深入探讨了Go语言中的错误处理和panic/recover机制,涵盖错误处理的基本概念、自定义错误类型的定义、panic和recover的工作原理及应用场景。通过具体代码示例介绍了如何定义自定义错误类型、检查和处理错误值,并使用panic和recover处理运行时错误。文章还讨论了错误处理在实际开发中的应用,如网络编程、文件操作和并发编程,并推荐了一些学习资源。最后展望了未来Go语言在错误处理方面的优化方向。
188 5
|
JSON JavaScript 前端开发
Go语言中json序列化的一个小坑,建议多留意一下
在Go语言开发中,JSON因其简洁和广泛的兼容性而常用于数据交换,但其在处理数字类型时存在精度问题。本文探讨了JSON序列化的一些局限性,并介绍了两种替代方案:Go特有的gob二进制协议,以及msgpack,两者都能有效解决类型保持和性能优化的问题。
479 7
|
JavaScript 前端开发
JavaScript语言基础知识点图示
原文:JavaScript语言基础知识点图示 一位牛人归纳的JavaScript 语言基础知识点图示。 1.JavaScript 数据类型     2.JavaScript 变量     3.
1391 0
|
前端开发 JavaScript
JavaScript语言基础知识点图示(转)
一位牛人归纳的JavaScript 语言基础知识点图示。 1.JavaScript 数据类型     2.JavaScript 变量     3.Javascript 运算符     4.
1168 0