JS大坑之19位数的Number型精度丢失问题详解

网络编程 2024/11/19 佚名

3 1 2

More

本项目仅供爬取体验，每次访问都会实时爬取数据，所以数据返回速度会比较慢，实际操作应该是定时爬取数据然后将数据存进数据库，数据从数据库返回从而提高数据返回效率。

但项目很基础，可以作为以上各个node模块最基础的练手使用，希望可以帮到大家 "htmlcode">

const rp = require('request-promise')
const { taskId } = await rp('https://xxx.com/A')
const options = {
   method: 'POST',
   uri: 'https://xxx.com/B',
   body: {
    taskId
  },
   json: true
}
const result = await rp(options) 
// {
//  "errorcode": "40001",
//  "message": "系统错误",
//  "status": "failed"
// }

接着我使用postman请求A接口，获取新的taskId，再用新的taskId请求B接口，结果却是正常的！

我在反复检查代码，确认请求的参数都是正常的格式之后，一时陷入了无尽的沉思之中。。。

发现

在做了几次尝试之后，我发现使用node请求得到的taskId最后两位数都是0，即1152921504735848700，而使用postman获取的taskId，则是比较正常的是1152921504735848759，接着我在node控制台做如下操作

就是这么一瞬间，顿悟了。A接口里的taskId是个19位数字，而request-promise在将数据解析成json时，导致这个19位的数字丢失了精度，查了下资料，发现js的number类型有个最大安全值，即2的53次方（9007199254740992），超过这个值就会出现精度丢失的问题。 Orz

获取正确的响应数据

由于在一开始使用request-promise包，因此获取的taskId是丢失了精度了，因此改用了node原生的http模块发送请求。

const req = https.request('https://xxx.com/A', (res) => {
  res.on('data', (chunk) => {
  // 由于这里获取到的响应数据是JSON字符串，因此19位的数字只是字符串的一部分，这时获取到的taskId就是正确的数字
   console.log(`BODY: ${chunk}`);
  });
  res.on('end', () => {
   console.log('No more data in response.');
  })
 })

虽然获取到了正常的响应数据，但是这是个JSON字符串，接下来还要把这个字符串解析成JSON，但是用JSON.parse()，又会引起精度丢失的问题，这可真尴尬 Orz

如果这个接口是已方可控的，那么就可以把这个19位数的number转成字符串，这样在解析的时候就不会出错了，但是由于是第三方接口，因此没法改变。那么最快的解决方案，就是换种编程语言请求啊╮（╯＿╰）╭

最后的解决

好吧，最后还是用了node，不过我用了比较硬核的方案实现，先在获取的JSON字符串中，找到这个19位的数字，然后为它加上引号，这样再用JSON.parse()解析的时候，就能保持正常的数值，这样接下的流程就自然通了，代码如下

let result = '{"taskId":1152921504735848759,"status":"CREATED","progress":0.0,"success":true}'
// JSON.parse(result) 不为19位数补上双引号，直接parse时，精度丢失，结果如下：
// { 
//  taskId: 1152921504735848700,
//  status: 'CREATED',
//  progress: 0,
//  success: true 
// }
const taskId = result.match(/[0-9]{19}/)[0] // 正则获取19位数字的值
result = result.replace(taskId,`"${taskId}"`) // 补上双引号
const data = JSON.parse(result) 
// { 
//  taskId: '1152921504735848759', // 解析出来之后是字符串，因此没有丢失精度
//  status: 'CREATED',
//  progress: 0,
//  success: true 
// }

结语

使用node也有一段时间了，因为涉及不到大数计算，因此对于编号啊，ID啊，都是用字符串形式进行存储的，也就一直没有遇到这个问题。这一次居然碰上了，不得不说js在这一方面确实有点弱势，之后也尝试了下使用Go,python进行请求，都是能正确解析不过node使用起来还是很舒服的

以上所述是小编给大家介绍的JS大坑之19位数的Number型精度丢失问题详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

JS数字精度丢失问题,JS19位数的Number型精度丢失,JS数字精度丢失

风云阁资源网 Design By www.bgabc.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

风云阁资源网 Design By www.bgabc.com

评论“JS大坑之19位数的Number型精度丢失问题详解”

暂无评论...

www.bgabc.com 风云阁资源网

120,135影音资源

344,641技术资源

22,817软件资源

435,032站长资源

JS大坑之19位数的Number型精度丢失问题详解

详解Vue依赖收集引发的问题

Vue $mount实战之实现消息弹窗组件

评论“JS大坑之19位数的Number型精度丢失问题详解”

稳了！魔兽国服回归的3条重磅消息！官宣时间再确认！

更新日志

友情链接