js浮点数运算精度问题(JS超出精度数字问题的解决方法)
js浮点数运算精度问题
JS超出精度数字问题的解决方法精度问题最通俗易懂的解释
比如一个数 1÷3=0.33333333...... 大家都知道3会一直无限循环,数学可以表示,但是计算机要存储,方便下次取出来再使用,但0.333333...... 这个数 无限循环,你让计算机怎么存储?计算机再大的内存它也存不下,对吧! 所以不能存储一个相对于数学来说的值,只能存储一个近似值,所以当计算机存储后再取出来用时就会出现精度问题。
JS超出精度数字解决
一、js 最大安全数字是 Math.pow(2,53) - 1,超出这个数字相加会出现精度丢失问题,可通过将数字转换为字符串操作的思路处理,如下:
// js 最大安全数字: Math.pow(2, 53)-1 let a = '123456444565456.889' let b = '121231456.32' // a + b = '123456565796913.209' function addTwo(a, b) { //1.比较两个数长度 然后短的一方前面补0 if (a.length > b.length) { let arr = Array(a.length - b.length).fill(0); b = arr.join('') + b } else if (a.length < b.length) { let arr = Array(b.length - a.length).fill(0); a = arr.join('') + a } //2.反转两个数 (这里是因为人习惯从左往右加 而数字相加是从右到左 因此反转一下比较好理解) a = a.split('').reverse(); b = b.split('').reverse(); //3.循环两个数组 并进行相加 如果和大于10 则 sign = 1,当前位置的值为(和%10) let sign = 0;//标记 是否进位 let newVal = [];//用于存储最后的结果 for (let j = 0; j < a.length; j++) { let val = a[j] / 1 + b[j] / 1 + sign; //除1是保证都为数字 这里也可以用Number() if (val >= 10) { sign = 1; newVal.unshift(val % 10) //这里用unshift而不是push是因为可以省了使用reverse } else { sign = 0; newVal.unshift(val) } } // 最后一次相加需要向前补充一位数字 ‘1' return sign && newVal.unshift(sign) && newVal.join('') || newVal.join('') }
// 参考其他朋友的精简写法 function addTwo(a,b) { let temp = 0 let res = '' a = a.split('') b = b.split('') while(a.length || b.length || temp) { temp += Number(a.pop() || 0) + Number(b.pop() || 0) res = (temp%10) + res temp = temp > 9 } return res.replace(/^0+/g, '') }
二、当涉及到带有小数部分相加时,对上面方法进行一次封装,完整实现如下:
let a = '123456444565456.889' let b = '121231456.32' // a + b = '123456565796913.209' function addTwo(a = '0',b = '0', isHasDecimal=false) { //1.比较两个数长度 然后短的一方前面补0 if (a.length > b.length) { let arr = Array(a.length - b.length).fill(0); b = isHasDecimal && (b + arr.join('')) || arr.join('') + b } else if (a.length < b.length) { let arr = Array(b.length - a.length).fill(0); a = isHasDecimal && (a + arr.join('')) || arr.join('') + a } //2.反转两个数 (这里是因为人习惯从左往右加 而数字相加是从右到左 因此反转一下比较好理解) a = a.split('').reverse(); b = b.split('').reverse(); //3.循环两个数组 并进行相加 如果和大于10 则 sign = 1,当前位置的值为(和%10) let sign = 0;//标记 是否进位 let newVal = [];//用于存储最后的结果 for (let j = 0; j < a.length; j++) { let val = a[j] / 1 + b[j] / 1 + sign; //除1是保证都为数字 这里也可以用Number() if (val >= 10) { sign = 1; newVal.unshift(val % 10) //这里用unshift而不是push是因为可以省了使用reverse } else { sign = 0; newVal.unshift(val) } } // 最后一次相加需要向前补充一位数字 ‘1' return sign && newVal.unshift(sign) && newVal.join('') || newVal.join('') } function add(a,b) { let num1 = String(a).split('.') let num2 = String(b).split('.') let intSum = addTwo(num1[0], num2[0]) let res = intSum if (num1.length>1 || num2.length > 1) { let decimalSum = addTwo(num1[1], num2[1], true) if (decimalSum.length > (num1[1]||'0').length && decimalSum.length > (num2[1]||'0').length) { intSum = addTwo(intSum, decimalSum[0]) decimalSum = decimalSum.slice(1) res = `${intSum}.${decimalSum}` } else { res = `${intSum}.${decimalSum}` } } return res } console.log(add(a, b)) // 123456565796913.209 // console.log(add('325', '988')) // 1313
看一些JS数字精度丢失的一些典型问题
// 加法 =====================
0.1 + 0.2 = 0.30000000000000004
0.7 + 0.1 = 0.7999999999999999
0.2 + 0.4 = 0.6000000000000001// 减法 =====================
1.5 - 1.2 = 0.30000000000000004
0.3 - 0.2 = 0.09999999999999998
// 乘法 =====================
19.9 * 100 = 1989.9999999999998
0.8 * 3 = 2.4000000000000004
35.41 * 100 = 3540.9999999999995// 除法 =====================
0.3 / 0.1 = 2.9999999999999996
0.69 / 10 = 0.06899999999999999
总结
到此这篇关于JS超出精度数字问题解决的文章就介绍到这了,更多相关JS超出精度数字内容请搜索开心学习网以前的文章或继续浏览下面的相关文章希望大家以后多多支持开心学习网!
- js图片水印库(js给图片打马赛克的方法示例)
- js三级联动说明(基于JavaScript实现省市联动效果)
- nodejssocket文件传输(node+socket实现简易聊天室功能)
- JSON中的特殊字符
- js中什么是宏任务(浅谈JavaScript宏任务和微任务执行顺序)
- js中this的用法
- js绘制平滑路径(如何利用Javascript生成平滑曲线详解)
- vueelementui动态表格(Vue Element前端应用开发之常规的JS处理函数)
- js中parent和opener的区别
- js实现页面自动跳转
- 微信浏览器中JS实现返回操作
- js网页截图(JS如何实现页面截屏功能实例代码)
- js中substring的用法、与substr的区别
- angularjs使用指令(详解Angular路由动画及高阶动画函数)
- vue双向数据绑定js如何实现(纯JS如何实现vue.js下的双向绑定功能)
- js tab栏案例(JavaScript实现Tab栏切换特效)
- 冰岛旅游攻略(冰岛旅游攻略及花费)
- 为什么现在年轻人越来越喜欢买衣服(为什么现在年轻人越来越喜欢买衣服穿)
- 怎么做好SEO(怎么做好seo内容优化)
- 冬季钓鱼子线用 长 还是 短(冬季钓鱼子线用)
- 鱼竿 夏钓短,冬钓长 ,一定是这样 认清优缺点在选竿(鱼竿夏钓短冬钓长)
- 鲢鳙钓底还是钓浮 流水的水域应怎样做钓(鲢鳙钓底还是钓浮)
热门推荐
- python微信窗口内容获取(python使用wxpy轻松实现微信防撤回的方法)
- dedecms操作方法(织梦Dedecms在循环列表中获取会员信息的方法)
- linux wait函数(分析从Linux源码看TIME_WAIT的持续时间)
- SQL Server中GROUPING SETS
- 查看docker运行状态命令(使用docker命令不需要敲sudo的操作)
- css导航栏特效(CSS导航栏及弹窗示例代码)
- python使用pandas数据分析系列(python使用pandas处理大数据节省内存技巧推荐)
- easyui中使用编辑器在IE下有时无法获取焦点
- 数组循环遍历展示vue(Vue中foreach数组与js中遍历数组的写法说明)
- SQL中in和exists的区别