解决JavaScript中的大数字问题（json-bigint）

最新推荐文章于 2024-08-08 07:29:59 发布
最新推荐文章于 2024-08-08 07:29:59 发布
阅读量5.7k 收藏 5
点赞数 4
文章标签： vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_57757602/article/details/118832650
版权
本文介绍了在JavaScript中遇到大数字精度丢失问题的原因及解决方案，重点讲解了如何在Vue.js项目中使用json-bigint库来处理大数字，以确保数据在传输过程中的准确性。通过示例展示了JSON.parse()和JSONbig.parse()的区别，并说明了如何在axios配置中集成json-bigint，避免数据类型变化引起的错误。
摘要由CSDN通过智能技术生成

今天遇到一个js中因为数字过大而导致数据传输时精度丢失，导致疯狂报错的问题（无奈），检查了好几遍代码后确定并没有写错代码，然后又回来找原因，这也好像是我第一次遇到大数字传输的问题。。。我的需求就只是通过一个很长的id值，然后发起请求并从后端获取相应的数据，最后发现是id值过长导致的报错，下面是我对这个问题的一些思考和理解

JavaScript可以很精准的来表示-2^53到2^53之间的数（不包含端点），ES6中提供了两个方法Number.MAX_SAFE_INTEGER和Number.MIN_SAFE_INTEGER来表示最高最低两个值，输出如下👇

 Number.MIN_SAFE_INTEGER的值，👇

 Number.MAX_SAFE_INTEGER的值，👇

 在实际运用中，只要数值超过了规定的上限或者是下线，数值就有可能（概率还挺大的！！）失去精度，比如说👇将JavaScript对象转换成json字符时发生错误

let obj = {
        id:90071992547410057,
        name:"Tom",
        ag
最低0.47元/天 解锁文章
黄焖鸡又涨价了
关注
json-bigint:带有bigints支持的JSON.parsestringify
04-30
json-bigint 带有bigints支持的JSON.parse / stringify。 基于Douglas Crockford的包和库。 Native Bigint是最近添加到JS的，因此我们添加了一个利用它的选项，而不是bignumber.js 。 但是，使用本机BigInt进行解析仍然是向后兼容的选项。 尽管大多数JSON解析器都假定数字值具有与IEEE 754 double相同的精度限制，但JSON规范并未说明任何数字精度。 十进制（可选，科学形式）表示法中的任何浮点数都是有效的JSON值。 在JSON api中将可能不属于IEEE 754整数精度的值序列化为字符串是一个好主意，但是例如， { "value" : 9223372036854775807}仍然是有效的RFC4627 JSON字符串，并且在大多数JS运行时中，结果JSON.parse的对象是此对象： { v
前端转换bigInt，axios拦截器失效
iZaix的博客
07-18 782
transformResponse之后，拦截器失效，不能正确拦截异常，拦截不到401，bigint之后，拦截器失效
大数字计算库 `bignumber.js` 教程
最新发布
gitblog_00701的博客
08-08 1018
大数字计算库 bignumber.js 教程 bignumber.jsA JavaScript library for arbitrary-precision decimal and non-decimal arithmetic 项目地址:https://gitcode.com/gh_mirrors/bi/bignumber.js 1. 项目介绍 bignumber.js 是一个JavaScri...
vue 获取数据超长 精度丢失问题处理(JSONBig方法)
xu_duo_i的博客
12-08 2945
vue 获取数据超长 精度丢失问题处理(JSONBig方法) 第一步:安装:npm i json-bigint 第二步:引入: 找到公共请求 src/utils/request.js文件(一般都在这个文件)import JSONBig from 'json-bigint'
json-bigint处理大整数问题（详解）
weixin_50636536的博客
01-28 1万+
现象 通过ajax请求回来的数据在response和preview两种状态显示的id是不同的。 如图： 原因 response中的看到的数据格式其实是字符串（ajax请求回来的数据本质上是字符串格式），preview其实是用了JSON.Parse(字符串) 给我们做美化（格式化），这个转换过程中，一般不会出问题，但是，如涉及大数(一个很大的整数，超过了javascript最大的处理能力)，就会产生转换精度丢失------- 就产生了错误了。 JavaScript 能够准确表示的整数范.
jsonbig解决js的number长度限制整数溢出
wsx981049288的博客
11-06 801
transformResponse加jsonbig解决number类型整数溢出
json-bigint的介绍和使用(可以解决Javascript的一个有关大整数的坑)
热门推荐
Aaa_Liao的博客
06-27 1万+
想必，很多人都遇到过关于后端返回数据中的大数字问题。明明你写的代码没有问题，然后后台的接口也没问题，但是你调用接口返回的数据就有误。 JavaScript 能够准确表示的整数范围在-2^53到 2^53之间（不含两个端点），超过这个范围，无法精确表示这个值，这使得 JavaScript 不适合进行科学和金融方面的精确计算。 先举个例子 Math.pow(2, 53) // 9007199254740992 9007199254740992 // 9007199254740992 900719925474
js代码-BigInt使用方法示例。
07-16
为了解决这个问题，ES2020引入了一种新的内置类型——BigInt。BigInt允许我们处理任意大小的整数，这对于加密、计算、科学计算等领域非常有用。本文将深入探讨JavaScript中的BigInt使用方法，以及如何在实际项目中...
leetcode-javascript-version:LeetCode的Javascript解决方案
03-29
通过这个项目，你可以深入理解JavaScript在解决实际问题中的运用，提高你的编程思维和解决问题的能力。同时，它也是面试前的重要准备资料，因为LeetCode上的问题经常出现在各大公司的技术面试中。不断实践和学习这些...
让Json更懂中文(JSON_UNESCAPED_UNICODE)
10-28
1. `JSON_BIGINT_AS_STRING`：将大的数字以字符串形式输出。这在JSON中表示大整数时很有用，因为JSON本身不支持大整数类型，如果直接输出，可能会被当作浮点数处理，导致精度损失。 2. `JSON_PRETTY_PRINT`：输出...
关于JSON以及JSON在PHP中的应用技巧
10-26
默认情况下，JSON解码会将所有数字转为浮点数，但使用`JSON_BIGINT_AS_STRING`可以保留大整数的原始字符串形式。 8. **自定义编码和解码**： 如果需要对特定类型的变量进行自定义编码或解码，可以使用`json_...
使用json-bigint库处理后端返回数值型数据精度丢失问题
彭世瑜的博客
10-24 642
使用json-bigint库处理后端返回数值型数据精度丢失问题
json-bigint插件没效果
redfore的博客
07-18 519
json-bigint插件没效果
json-bigint
MICHONG的博客
08-08 4939
bigints的解析/stringify。基于Douglas Crockford的JSON.js包和bignumber.js库。 本地Bigint最近被添加到JS中，所以我们增加了一个选项来代替bignumber.js。但是，使用本机BigInt进行解析是为了向后兼容。bigints 虽然大多数JSON解析器假设数值具有与IEEE 754 double相同的精度限制，但JSON规范对数字精度没有任何规定。任何十进制(可选科学)表示法中的浮点数都是有效的JSON值。在JSON api中，将可能不符合IEEE
js中处理大数字的问题
不明真相的末影人
07-21 1050
js处理大数字会不准确 当axios内部进行JSON.parse()将服务器返回的字符串转换为对象之后, 文章的ID值会不准确 解决大数字的方法： 使用字符串格式的数据 使用JSONbigint 第一步： 安装 npm i json-bigint 第二步： 配置 import axios from 'axios' import jsonBig from 'json-bigint' var json = '{ "value" : 9223372036854775807, "v2": 123 }' c
解决java后台id采用雪花id，JSONbig 处理19位Vue中最后四位为0
向着太阳微笑
07-10 1684
首先采用数据库mysql id字段类型为bigint； 问题场景：使用IdWork.uuid();获取随机20位长整型数字；在vue页面进行根据id查询时，数据查不到；因为id和原纪录id不对应；最后几位全部是0； 之前采取的是后台java程序中将返回的vo实体id修改string类型；可以得到解决； 近期又遇到该问题，难道不能再前端解决吗？于是在一篇文档中查看了一个引入插件jsonbigint解决的方式，试了一下果然可以； 本人是在若依（ruoyi.vip）平台基础上做的调整，这里把原有的自增i.
JS大数相加、大数相乘
军火库
09-27 1522
JavaScript只有一种数字类型，可以使用也可以不使用小数点来书写数字。在JavaScript中，数字不分为整数类型和浮点数类型，所有的数字都是浮点数类型。JavaScript采用IEEE754标准定义的 64 位浮点格式表示数字，此格式用 64 位存储数值。其中0~51存储数字片段，52~62存储指数，63位存储符号。来看看JavaScript中数字的最大值和最小值// 5e-324注：这里的最大值指的是字面意思上的最大值；最小值则指的是正数情况下小数点后能表示的最小值。
JS处理JSON字符串转数组，数字超17为处理方法
DGplayweb的博客
12-20 1459
这里写自定义目录标题 js 把json字符串解析成数组的时候 数字超过17位的 会把剩余的都补成0 造成数据错误 解决办法是 用正则把数字转成字符串 再解析就好了 配上一个正则 replace(/(\d{10,25})/g, ‘"$&"’) 意思是把10-25位的数字转成字符串 这个是我遇到的问题 我字符串里有颜色 直接把数字转成字符串 会造成颜色错误。比如f00 会转成f"00" ...
axios处理特大数据碰到的问题
helgeal的博客
11-16 3621
碰到问题： axios在处理服务器特大数据时如： "id": 1323890743432970240 json字符串时默认使用的是JSON.parse()api进行对象转换,但问题出现了JavaScript只能精确保存安全数字内的数组 即：-2^53到2^53内的整数数据，当转换后这个数字就发生了改变，如图 这是直接在浏览器console面板输入的值，发现无法精确保存这种数字，也就是用这个id获取后台数据时会发生错误，经常报404，不改的话显向就是随机的正确性，偶然保...
json-bigint弊端
11-02
json-bigint的主要弊端是在将JSON字符串转换为JavaScript对象时，它会将所有的数字都转换为字符串，这可能会导致一些计算错误或类型错误。此外，由于它将所有数字都转换为字符串，因此可能会导致一些性能问题，特别是在处理大型JSON数据时。因此，在使用json-bigint时，需要谨慎考虑其可能带来的性能和类型问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值