JSON.parse()大整数精度丢失的问题和解决方法

ewboYang2025-12-05 13:31

小白终成大白

文章目录

小白终成大白
前言
一、原因
二、解决办法
- 1.引入库
- 2.字符串处理
总结

前言

调试代码时候感觉出鬼了

接口给我的

javascript 复制代码

console.log(extra);
const extraObj = JSON.parse(extra)
console.log(extraObj);
```javascript
在这里插入代码片

我打印出来

{"contentId":1996543874746863617,"commentId":1996544548632276994}

明明是3617打出来就是3600

打出来就是3600

我天呐当时脑子嗡一下怎么事出鬼了

一、原因

数字在JSON.parse之后被近似了!

这是因为JavaScript的Number类型有精度限制。JavaScript的Number类型使用IEEE 754双精度浮点数，它的精度范围大约是-2^53到253之间。超过这个范围的整数可能无法精确表示，会被近似处理。后端数据提供的contentId是1996543874746863617，这个数字明显超过了2^53（约9e15），所以在JSON.parse的时候会被近似。

二、解决办法

可以把大数字作为字符串处理，或者使用BigInt类型

1.引入库

c 复制代码

pnpm add json-bigint

我这个项目不想引入新的库了所以选择了第二种

2.字符串处理

c 复制代码

// 处理大整数精度丢失问题：将JSON字符串中的大整数转换为字符串
		const safeJsonStr = extra.replace(/"contentId":(\d+)/g, '"contentId":"$1"').replace(/"commentId":(\d+)/g, '"commentId":"$1"');
		const extraObj = JSON.parse(safeJsonStr)
		console.log(extraObj);
		const id = extraObj.contentId
		console.log(id);

这回打印就没有出现问题了

总结

记录一下自己的问题加深处理印象

感谢观看