问题描述
js处理长整形 精度问题有什么好的解决方式吗
alert(10214734953631045);
alert(10214734953631046);
输出分别是
10214734953631044
10214734953631046
后端数据中有大量的数据都是涉及到长整形的数据
服务端的数据本来就保存的是json格式
这个数据中本身含有很多其他对象,对象的唯一id基本都是long类型
现在js通过json反序列化为对象时,这些id就乱套了
解决方案:
简单的解决方法,让服务器传给你string类型
但是服务器的人说了:
但是服务器的人说了:
你们前端怎么显示个long都搞不定
----------
复杂的方法,拿到JSON字符串以后用正则表达式替换一下,将可能溢出的数字转化为string
在其他语言中,long类型可以达到的最大值为
而在JS中,整形的最大的值为 Number.MAX_SAFE_INTEGER
9007199254740993==9007199254740992;//true
我们需要找到一个检测数字是否可能溢出的方法,想法是将类似于‘123’的数字字符串化为Number再将它转化成String,如果和之前的String不相同那么就发生了溢出
//false
String(Number('18446744073709551616'))=='18446744073709551616'
//true
String(Number('123'))=='123'
//诡异的结果们
//true
Number('18446744073709551616')=='18446744073709551616'
//true
String(18446744073709551616)=='18446744073709552000'
//true
18446744073709551616=='18446744073709552000'
-
JSON.parse(jText.replace(/\b\d+\b/g,replaceOverflow));
-
function replaceOverflow(yytext){
-
return String(Number(yytext))==yytext ? yytext:`"${yytext}"`
-
}
-------更新----
其实上面的方法并不是一个很好的解决方案,会替换掉不该替换的数字
{
"id":123
"des":"this is a long:999999999999999999999999999999"
}
String中的数字是不能被替换的,为了避免这样的情况,需要完全实现JSON字符的转化,如果手写parser的话,工作量十分巨大,事实上只需要在前人的轮子上稍稍改进即可。推荐一个开源项目JISON (zaach/jison · GitHub)
也许你从来没听过把JS作为runtime来实现其他语言,但是JS真的可以,你可能需要回忆一下编译原理的课程才能正确使用JISON。接下来,我们把JS作为runtime来翻译JSON字符串,语法文件在这里(jsonlint/jsonlint.y at master · zaach/jsonlint · GitHub),源文件中,遇到数字时直接将其转化为Number
JSONNumber
: NUMBER {$$ = Number(yytext);}
;
我们需要对其进行溢出验证
JSONNumber
: NUMBER
{$ = yytext== String(Number(yytext))? Number(yytext):yytext;}
;
使用JISON-CLI生成相应的JS Parser文件即可。
综上,通过自定义JSON转化避免long溢出,实现long在前端正常显示。