首页 / JAVASCRIPT / 分享一个js数字位数太大导致参数精度丢失的实例

分享一个js数字位数太大导致参数精度丢失的实例

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了分享一个js数字位数太大导致参数精度丢失的实例，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1910字，纯文字阅读大概需要3分钟。

内容图文

分享一个js数字位数太大导致参数精度丢失的实例 - 文章图片

最近遇到个比较奇怪的问题，js函数里传参，传一个位数比较大，打印arguments可以看到传过来的参数已经改变。

分享一个js数字位数太大导致参数精度丢失的实例 - 文章图片

然后查了一下，发现确实是js精度丢失造成的。我的解决方法是将数字型改成字符型传输，这样就不会造成精度丢失了。如下图：

分享一个js数字位数太大导致参数精度丢失的实例 - 文章图片

JS 数字丢失精度的原因

计算机的二进制实现和位数限制有些数无法有限表示。就像一些无理数不能有限表示，如圆周率 3.1415926...，1.3333... 等。JS 遵循 IEEE 754 规范，采用双精度存储（double precision），占用 64 bit。如图

分享一个js数字位数太大导致参数精度丢失的实例 - 文章图片

意义

1位用来表示符号位
11位用来表示指数
52位表示尾数

浮点数，比如

0.1 >> 0.0001 1001 1001 1001…（1001无限循环）
0.2 >> 0.0011 0011 0011 0011…（0011无限循环）

此时只能模仿十进制进行四舍五入了，但是二进制只有 0 和 1 两个，于是变为 0 舍 1 入。这即是计算机中部分浮点数运算时出现误差，丢失精度的根本原因。

大整数的精度丢失和浮点数本质上是一样的，尾数位最大是 52 位，因此 JS 中能精准表示的最大整数是 Math.pow(2, 53)，十进制即 9007199254740992。

大于 9007199254740992 的可能会丢失精度

9007199254740992     >> 10000000000000...000 // 共计 53 个 0
9007199254740992 + 1 >> 10000000000000...001 // 中间 52 个 0
9007199254740992 + 2 >> 10000000000000...010 // 中间 51 个 0

实际上

9007199254740992 + 1 // 丢失
9007199254740992 + 2 // 未丢失
9007199254740992 + 3 // 丢失
9007199254740992 + 4 // 未丢失

结果如图

分享一个js数字位数太大导致参数精度丢失的实例 - 文章图片

以上，可以知道看似有穷的数字, 在计算机的二进制表示里却是无穷的，由于存储位数限制因此存在“舍去”，精度丢失就发生了。

想了解更深入的分析可以看这篇论文（又长又臭）：What Every Computer Scientist Should Know About Floating-Point Arithmetic

三、解决方案

对于整数，前端出现问题的几率可能比较低，毕竟很少有业务需要需要用到超大整数，只要运算结果不超过 Math.pow(2, 53) 就不会丢失精度。

对于小数，前端出现问题的几率还是很多的，尤其在一些电商网站涉及到金额等数据。解决方式：把小数放到位整数（乘倍数），再缩小回原来倍数（除倍数

// 0.1 + 0.2
(0.1*10 + 0.2*10) / 10 == 0.3 // true

以上就是分享一个js数字位数太大导致参数精度丢失的实例的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的分享一个js数字位数太大导致参数精度丢失的实例全部内容，希望文章能够帮你解决分享一个js数字位数太大导致参数精度丢失的实例所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/301833.html

来源：【匿名】

【上一篇】JS生成条形码功能示例代码【下一篇】javascript 怎么调用php方法

更多 ►

【分享一个js数字位数太大导致参数精度丢失的实例】教程文章相关的互联网学习教程文章

理解JavaScript函数参数

前面的话　　javascript函数的参数与大多数其他语言的函数的参数有所不同。函数不介意传递进来多少个参数，也不在乎传进来的参数是什么数据类型，甚至可以不传参数。arguments　　javascript中的函数定义并未指定函数形参的类型，函数调用也未对传入的实参值做任何类型检查。实际上，javascript函数调用甚至不检查传入形参的个数?1234567functionadd(x){returnx+1;}console.log(add(1));//2console.log(add(‘1‘));//‘11‘consol...

JavaScript 之 function函数及参数arguments【代码】【图】

JavaScript用function关键字声明函数，可以用return返回值，也可以没有返回值。建议：要么统一有返回值，要么统一都没有返回值，这样调试代码方便。函数定义格式：function functionName(参数){//函数体内}定义函数的时候，参数可以写，也可以不写，Javascript没有限制传递参数的个数，也不介意传入参数的数据类型。在函数体内可以通过arguments 对象来访问参数数组，从而获取传递给函数的每一个参数。arguments.length：参数个数用...

js判断传递参数的的类型，并返回

function type(target) {　　　　var templet ={　　　　　　"[object Array]" : "arry";　　　　　　"[object Object]" : "object";　　　　　　"[object Number]" : "number_object";　　　　　　"[objecct Boolean]" : "boolean_object";　　　　　　"[object String]" : "String_object";　　　　}　　　　if(target === null){　　　　　　return 　　"null";　　　　}　　　　　if(typeof(target)=="object"){　　...

js获取url中指定参数的值(含带hash)【代码】

JS获取地址栏的参数值【代码】

function GetQueryString(name){var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");var r = window.location.search.substr(1).match(reg);if(r!=null)return unescape(r[2]); return null;} 原文：http://www.cnblogs.com/anxiaoyu/p/7723553.html

js获得url内的参数【代码】

/*** js获得url内的参数* 返回值: string or undefined* 使用方法:$_GET[‘from‘]*/var $_GET = (function() {var search = location.search;if (search == ‘‘){return {};}search = search.split(‘?‘)[1];search = search.split(‘&‘);var get = {};for (var i in search){var j = search[i].split(‘=‘);get[j[0]] = j[1];}return get;})(); 原文：http://www.cnblogs.com/bossikill/p/3982067.html

js的隐含参数(arguments,callee,caller)使用方法

在提到上述的概念之前，首先想说说javascript中函数的隐含参数：argumentsarguments 该对象代表正在执行的函数和调用它的函数的参数。[function.]arguments[n]参数function：选项。当前正在执行的 Function 对象的名字。 n ：选项。要传递给 Function 对象的从0开始的参数值索引。说明Arguments是进行函数调用时，除了指定的参数外，还另外创建的一个隐藏对象。Arguments是一个类似数组但不是数组的对象，说它类似数组是因为其具有...

Effective JavaScript Item 22 使用arguments来创建接受可变参数列表的函数

本系列作为Effective JavaScript的读书笔记。在Item 21中，介绍了结合apply方法实现的可变参数列表函数average，它实际上只声明了一个数组作为参数，但是利用apply方法，实际上可以接受若干元素作为参数： function averageOfArray(a) {for (var i = 0, sum = 0, n = a.length; i < n; i++) {sum += a[i];}return sum / n; } averageOfArray.apply(null, [1, 2, 3, 4, 5]); 而利用arguments变量，可以将声明的参数也去掉。即函数可...

Javascript 获取链接(url)参数的方法【代码】

qa项目可能需要客户端获取到url的参数，搜到一个很好的解决方法，记录在博客，省得以后找麻烦。方法一：分解链接的方式<script type="text/javascript"> /** 说明：Javascript 获取链接(url)参数的方法*/ function getQueryString(name) {// 如果链接没有参数，或者链接中不存在我们要获取的参数，直接返回空if(location.href.indexOf("?")==-1 || location.href.indexOf(name+‘=‘)==-1){return ‘‘;}// 获取链接中参数部分var ...

【20190405】JavaScript-正则式匹配与替换的参数【代码】

在正则式的应用中有三个函数使用得最多：exec()、test()与字符串的replace(reg, options)。其中test()最简单，只要字符串与正则式可以匹配，就返回true，否则返回false。接下来主要分析一下exec()和replace()的用法。reg.exec()：举个例子：let reg=/-(\w)/g; let str=‘the-first-index‘; console.log(reg.exec(str),reg.exec(str));这个例子取到了字符串中每个-后的字母。首先正则式中带有g参数，说明是全局查找，那么在第一次调...

js获取url参数【代码】

js获取url参数方法：//获取url中的参数适配中文function GetUrlParam(name) {var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象var r = window.location.search.substr(1).match(reg); //匹配目标参数if (r != null) return decodeURI(r[2]); returnnull; //返回参数值 } 原文：https://www.cnblogs.com/leiting/p/9440956.html

js获取url 参数【代码】

thinkphp5 模板url标签跟javascript ajax 的 url 参数被莫名替换【图】

发现一个 thinkphp5 的小bug 我用的是 thinkphp5.0.24 版本在模板标签里原来的大U函数被改成url 那么问题来了在javascript里这样写标签很容易被替换掉就是上面这句被浏览器解释出来就变成了这样出错了经反复研究这样写就不会出错了逗号换行分割开来就可以了哈被我发现的原文：https://www.cnblogs.com/trip-j/p/12048768.html

javascript arguments参数问题【代码】

function f(a, b, c){alert(arguments.length); // result: "2"a = 100;alert(arguments[0]); // result: "100"arguments[0] = "qqyumidi";alert(a); // result: "mingyue"alert(c); // result: "undefined"c = 2016;alert(arguments[2]); // result: "undefined"}f(1, 2);arguments对象的长度是由实参个数而不是形参个数决定的。形参是函数内部重新开辟内存空间存储的变量，但是...

javascript 函数参数【代码】【图】

1、javascript函数参数的个数以及类型没有强制规定，调用时不必严格按照函数的参数或类型，函数的参数只是在调用函数的时候提供了便利，但不是必须的！2、参数在javascript内部是用数组arguments表示的可以使用arguments[0]、arguments[1]、......arguments[n]来表示函数的值。3、没有传递值得命名参数自动赋值为undefined; 1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="utf-8"/> 5<title></title> 6<script type="text/java...

首页 / JAVASCRIPT / 分享一个js数字位数太大导致参数精度丢失的实例

分享一个js数字位数太大导致参数精度丢失的实例

内容导读

内容图文

JS 数字丢失精度的原因

三、解决方案

内容总结

内容备注

内容手机端

【分享一个js数字位数太大导致参数精度丢失的实例】教程文章相关的互联网学习教程文章

参数 - 相关标签

实例 - 相关标签

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程