前端vue 数字字符串丢失精度问题

一只小阿乐2024-02-13 19:11

1.问题

后端返回的数据是这样的一个字符串类型的数据

前端要想显示这个肯定需要使用Json.parse() 转换一下

但是目前有一个问题

转换的确可以

showId:1206381711026823172

有一个这样的字段

转换了以后发现字段成了1206381711026823200

精度直接丢了

原本的数据中他是一个数字有可能太长了

复制代码

{"area":"藁城区","cinemaAddress":"藁城区岗上镇富强大街74号（联华生鲜超市南邻5米）","cinemaCode":"13011361","cinemaId":1166369850929475584,"cinemaLineId":1182612695204413440,"cinemaLineName":"其他","cinemaName":"金棕榈国际影城（岗上店）","city":"石家庄市","hallName":"2号厅","province":"河北省","seats":[{"canUse":true,"col":"5","price":4590,"regionName":"1","row":"3","seatNo":"3排5座","seatType":""},{"canUse":true,"col":"6","price":4590,"regionName":"1","row":"3","seatNo":"3排4座","seatType":""}],"showId":1206381711026823172}

2.解决

我在前端怎么解决发现就是不行

JSON.parse(JSON.stringify()) 这样也不行

发现只有是这样只有后端将这个数据处理好返回过来或者让后端吧这个showId 变成这个字符串类型的我再去 JSON.parse()

3.插件

目前正在搜索资料

许多编程语言提供了高精度数学库，这些库可以处理更多位数的小数，从而减少精度丢失的影响。以JavaScript为例，我们可以使用第三方库big.js来实现高精度计算。

big.js

前端vue 数字 字符串 丢失精度问题

前端vue 数字字符串丢失精度问题