javascript 精度问题导致后端传过来的值显示不正确，有何好的解决办法？

问题描述

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' 

所以最后的正则替换还是比较简单的，此方法只适用于long

1.  
   JSON.parse(jText.replace(/\b\d+\b/g,replaceOverflow));
2.  
   function replaceOverflow(yytext){
3.  
   return String(Number(yytext))==yytext ? yytext:`"${yytext}"`
4.  
   }

－－－－－－－更新－－－－
其实上面的方法并不是一个很好的解决方案，会替换掉不该替换的数字

｛
  "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在前端正常显示。