使用 JSON 方法深拷贝时,怎么优雅地处理 BigInt?

千静姑娘_6782

千静姑娘_6782

2026-06-09

739人浏览

原创

JSON.stringify深拷贝BigInt报错时,应使用replacer函数转字符串或structuredClone(现代环境),避免污染原型、吞错误或强转失真。

使用 json 方法深拷贝时,怎么优雅地处理 bigint?

直接用 JSON.stringify 做深拷贝时遇到 TypeError: Do not know how to serialize a BigInt,说明数据里混了 123n 这类值——JSON 标准不支持它,引擎不会跳过,而是立刻中断执行。优雅处理的关键是:不让 BigInt 进入序列化流程,或让它以安全形式参与。

用 replacer 函数拦截转换(兼容性最好)

这是最常用、逻辑最清晰的方式。给 JSON.stringify 传一个函数作为第二个参数,在遍历每个值时判断类型:

  • 遇到 typeof value === 'bigint',返回 value.toString(),转成可序列化的字符串
  • 其他值原样返回,不干扰结构
  • 自动处理嵌套对象和数组,无需手动递归

示例:
const copy = JSON.parse(JSON.stringify(obj, (k, v) => typeof v === 'bigint' ? v.toString() : v));

改用 structuredClone(现代环境首选)

Node.js 18.13+ 或 Chrome 115+ 起,structuredClone() 已原生支持 BigInt、Map、Set、循环引用等,且不抛错:

Expanso json-flatten
Expanso json-flatten

通过 CLI 或 MCP 服务器,使用 Expanso Edge 管道扁平化嵌套 JSON 对象。

下载
  • 一行调用:const copy = structuredClone(obj);
  • 无需预处理,也不改变原始数据类型(123n 拷贝后仍是 123n)
  • 注意:Safari 和旧版 Node.js 尚不支持,使用前需检查运行环境

提前清洗再拷贝(适合字段可控的场景)

如果深拷贝前你能确定哪些字段可能是 BigInt(比如 Prisma/Drizzle 查询结果里的 id、count),可先做一次轻量预处理:

  • 遍历对象,对已知 key 名(如 id、userId)或所有 bigint 值统一转字符串
  • 再用 JSON.parse(JSON.stringify()) 或其他深拷贝工具
  • 优点是逻辑外显、便于调试;缺点是需要维护字段约定

避开常见坑

有些做法看似省事,实则埋隐患:

  • 往 BigInt.prototype 加 toJSON:TypeScript 报错、污染全局、与其他库可能冲突
  • 用空 try...catch 吞掉错误:报错消失,但数据可能已损坏(比如字符串 ID 后续被当数字计算)
  • 用 parseInt 或 + 强转字符串为 Number:超出 MAX_SAFE_INTEGER 就丢精度,再转 BigInt 也救不回来

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

2023.08.07

2275

5

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.23

3682

1

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

2023.10.13

1216

3

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

2025.09.10

4239

7

DBeaver怎么导入数据
DBeaver怎么导入数据

DBeaver数据导入专题,整理Excel、CSV、SQL、TXT等常见文件的数据导入方法,涵盖目标数据库选择、数据表创建、字段映射、数据类型设置及导入参数配置等操作,帮助用户将本地文件中的数据写入数据库,并了解批量导入、重复数据处理和导入失败等常见问题的解决方法。

2026.11.05

20

12

DBeaver安全防护教程大全
DBeaver安全防护教程大全

DBeaver安全防护专题,围绕数据库连接安全、账号密码保护和访问权限管理展开,整理SSL/TLS加密连接、SSH隧道、数据库凭据保存及证书验证等配置方法,同时介绍敏感信息保护、远程连接风险和高权限账号使用等注意事项,帮助用户提高数据库日常管理的安全性。

2026.11.05

20

12

DBeaver连接创建与配置教程
DBeaver连接创建与配置教程

本专题聚焦DBeaver数据库连接配置与管理,覆盖从新建连接、选择数据库类型到填写连接参数和验证连接的完整流程。针对MySQL、PostgreSQL、SQL Server等常见数据库,整理相应的连接设置方法,并提供驱动缺失、认证失败和连接异常等问题的排查方向。

2026.11.04

20

16

XORM框架结构体映射与表结构同步
XORM框架结构体映射与表结构同步

本专题围绕XORM框架的结构体映射展开,说明表名与字段的命名策略、xorm标签常用属性、主键自增与时间字段自动填充,并演示Sync2自动建表、增量字段升级、索引声明与反向生成结构体的完整流程。

2026.11.04

20

15

XORM框架安装配置与数据库连接
XORM框架安装配置与数据库连接

本专题聚焦XORM框架的配置与连接环节,拆解MySQL、PostgreSQL、SQLite、SQL Server的DSN写法与驱动选择,讲清连接池参数、多数据源拆分、读写分离与超时重连的处理方式,并补充容器与兼容数据库的适配经验。

2026.11.04

20

15

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程