解决超出JS的安全整数的限制范围问题

翰林君君

解决超出JS的安全整数的限制范围

JavaScript 能够准确表示的整数范围在-2^53到 2^53之间，超过这个范围，无法精确表示这个值。

1. Number.MIN_SAFE_INTEGER //-9007199254740991
   
2. Number.MAX_SAFE_INTEGER // 9007199254740991

复制代码

此时用到 json-bigint将后端返回数据处理处理之后才能正常使用：

• 1.项目需要安装的依赖
  

1. > npm i json-bigint

复制代码

• 2.引入json-bigint文件
  

1. >import JSONbig from 'json-bigint'

复制代码

transformResponse是将后端返回的原始数据进行处理
下面使用 ： try-catch 来捕获异常
因为：后端返回的数据可能不是 JSON 格式字符串，如果不是则将data数据原封不动的直接返回给请求使用

1. const request = axios.create({
   
2.   baseURL: '', // 请求的基础路径
   
3.   transformResponse: [function (data) {
   
4.     try {
   
5.       return JSONbig.parse(data)
   
6.     } catch (err) {
   
7.       return data
   
8.     }
   
9.   }]
   
10.   })

复制代码

请求回来的数据使用.toString() 即可获取

1. request({
   
2.         method:'GET',//请求方法
   
3.         url:'',//请求路径
   
4.         params: {},//请求参数拼接在url上面
   
5. }).then(res=>{
   
6.                         console.log(res.data.id.toString())
   
7.                         })

复制代码

JS实现超范围的数相加

在js中能表示的最大安全整数是 9007199254740991，可以用API

1. Number.MAX_SAFE_INTEGER

复制代码

看一下

超出范围就会发生精度丢失，像这样

解决方法

相当于一个字符串相加的问题。不能把数字简单的相加，需要倒序取数字的每一位，进行相加，大于等于10，进1，小于10，进0，把结果保存在一个字符串中。
注意点：

• 1、要考虑长度不一样
  
• 2、要考虑进位，所以需要倒序来相加
  

代码如下：

1. function add(a,b){
   
2.     // 保存最终结果
   
3.     var res='';
   
4. 
   
5.     // 保存两位相加的结果 和 进位值
   
6.     var c=0;
   
7. 
   
8.     // 字符串转数组
   
9.     a = a.split('');
   
10.     b = b.split('');
    
11. 
    
12.     while (a.length || b.length || c){
    
13.         // ~~ 用来把String类型 转为 Number类型
    
14.         // 把两位相加的结果 和 进位值相加
    
15.         // pop方法返回数组的最后一位，并删除
    
16.         c += ~~a.pop() + ~~b.pop();
    
17. 
    
18.         // 取余，把余数拼接到最终结果中
    
19.         res = c % 10 + res;
    
20. 
    
21.         // 保存进位，true 或者 false
    
22.         c = c>9;
    
23.     }
    
24.     return res;
    
25. }
    
26. add('11111111111111111','22222222222222222');

复制代码

解释：
1、

1. ~

复制代码

是JavaScript中的操作符，按位非

1. ~~

复制代码

经常用来进行取整和类型转换，他和显示的用Number进行类型转换还是有区别的，比如处理

1. undefined

复制代码

的时候。

而在两个大整数，长度不一样的时候，其中一个数 已经 pop 了所有数组中的元素之后，还要pop的话，就会返回

1. undefined

复制代码

，所以如果用 Number 显示的转化，起码要写成这样。

1. var ai = a.pop();
   
2. ai = ai===undefined? 0:Number(ai);
   
3. 
   
4. var bi = b.pop();
   
5. bi = bi===undefined? 0:Number(bi);
   
6. 
   
7. c += ai + bi;

复制代码

明显是用

1. ~~

复制代码

方便。
2、在保存进位值的时候，用的并不是 1 和 0 ，而是true 和 false，这是因为隐式类型转换的时候，true会转为1，false会转为0。

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

来源:https://www.jb51.net/javascript/3267370fl.htm
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！