vue项目，long类型精度丢失

会fei的刘博士

已于 2022-11-18 15:56:05 修改

阅读量1.4k

点赞数

文章标签： javascript 开发语言 ecmascript

于 2022-11-11 15:21:46 首次发布

本文链接：https://blog.youkuaiyun.com/m0_61233367/article/details/127806895

版权

在处理从后端获取的JSON数据时，前端发现Long类型的ID出现精度丢失。通过与后端协作，将ID以JSON字符串形式返回。前端使用一系列字符串替换方法转换JSON格式，然后用JSON.parse()解析，成功获取完整ID。具体转换包括替换冒号、逗号、花括号等，以及处理特殊数字格式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

让后端返回JSON格式如下：

"data":"[{\"addr\":\"*****-B15栋\",\"address\":\"*****-B1栋\",\"area\":\"集美区\",\"authentication\":1,\"avatar\":\"https://westar-13********.cos.ap-nanjing.myqcloud.com/android/verify/1660291948673693.jpeg\",\"bizNo\":\"22081212\",\"cid\":154522558561647483,\"city\":\"**市\",\"contractStatus\":0,\"createTime\":\"2022-07-14 13:46:28\",\"ddId\":\"2005761244-11675320799\",\"deliveryMode\":0,\"distance\":0,\"endTime\":\"00:00:00\",\"exhibition\":\"https://westar-130*******.cos.ap-nanjing.myqcloud.com/android/verify/1660291959008736.jpeg\",\"fabulous\":0,\"fnId\":\"213663547\",\"foodSafetyLicence\":\"https://westar-1303083093.cos.ap-nanjing.myqcloud.com/android/verify/1660286680329591.jpeg\",\"handheldLicencePic\":\"https://westar-130******.cos.ap-nanjing.myqcloud.com/android/verify/1660286659940152.jpeg\",\"id\":15586615477497516074,\"industry\":4,\"industryName\":\"西餐\",\"introduce\":\"诚信经营，：133********\",\"isAudit\":1,\"lat\":24.620577,\"lng\":118.050019,\"member\":1,\"name\":\"厦门***\",\"nike\":\"饮品\",\"phone\":\"153*****\",\"province\":\"0\",\"sales\":0,\"ssId\":\"4010160\",\"startTime\":\"17:00:00\",\"starting\":3.00,\"status\":2,\"topic\":\"0\",\"updateTime\":\"2022-10-29 18:59:48\"},

前面一个后端做了该功能块，然后离职了，后面我们前端做到这里来，发现id长度很长，PC端导致精度丢失不齐，百度了很多方法，都没明确效果，最后跟现有后端一起讨论用了以下方法：

因为JSON字符串类型不会精度丢失，所以后端返回了JSON格式，

前端用了replaceAll转换了一下格式后最后用JSON.parse(str3)拿到了最终的id

接口请求成功后。在里面转换一下

if (res.code === 0) {

   var str3 = res.data;

str3 = str3.replaceAll(":", ":\"");

str3 = str3.replaceAll(",\"", "\",\"");

str3 = str3.replaceAll("}", "\"}");

str3 = str3.replaceAll("\"\"", "\"");

str3 = str3.replaceAll(":\"//", "://");

str3 = str3.replace(/ (\d+):"(\d+):"(\d+)/g, " $1:$2:$3")

str3 = str3.replace(/(\d+):"(\d+):"(\d+)/g, "$1:$2:$3")

str3 = str3.replace(/}"/g, "}")

str3 = str3.replace(/}"/g, "}")

str3 = str3.replaceAll("\",http", ",http")

str3 = str3.replaceAll(":\"{", ":{")

str3 = str3.replaceAll(":\"[", ":[")

str3 = str3.replaceAll("]\"", "]")

str3 = str3.replaceAll("]\"", "]")

str3 = str3.replaceAll(":[", ":\"[")

str3 = str3.replaceAll(":\"[{", ":[{")

str3 = str3.replaceAll("[],", "[]\",")

            let goodsinfodata = JSON.parse(str3)

            // console.log(goodsinfodata)

}