当前位置: 首页 > news >正文

做网站开发电脑配置网站优化推广外包

做网站开发电脑配置,网站优化推广外包,网络运维工程师项目案例,南城做网站1.js精度丢失的常见问题,从常见的浮点型进行计算,到位数很长的munber类型进行计算都会造成精度丢失的问题, 首先我们看一个问题: 0.1 0.2 ! 0.3 // truelet a 9007199254740992 a 1 a // true那么js为什么会出现精度丢失的问题&…

1.js精度丢失的常见问题,从常见的浮点型进行计算,到位数很长的munber类型进行计算都会造成精度丢失的问题,
首先我们看一个问题:

0.1 + 0.2  !==  0.3  // truelet a =  9007199254740992
a + 1 == a // true

那么js为什么会出现精度丢失的问题:

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

比如:

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 // 未丢失

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

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

// 0.1 + 0.2
(0.110 + 0.210) / 10 == 0.3 // true

对于过大的数字:
可以用bigint,应为number的基本类型不能超过2^53,不然就会出现精度丢失,为了解决这个限制,在ECMAScript标准中出现了BigInt。
BigInt可以表示任意大的整数

但是要注意写法:

let result=124569875984123677888999;  //估摸着这一步就在前端已经精度丢失了
String(BigInt(result));let result=BigInt(124569875984123677888999);   //这里也已经精度丢失了
String(result);
// 上面两种都是错误的写法// 正确写法:
let result=124569875984123677888999n; 
String(result);

除了以上方式,还可以借助第三方库
BigNumber.js:提供了超高精度的数字处理能力,可以解决精度丢失问题。
decimal.js:提供了类似于 Python Decimal 的类型,可以精确表示浮点数,解决精度丢失问题。

npm install bignumber.js --savelet x = new BigNumber(123.4567);
let y = BigNumber('123456.7e-3');
let z = new BigNumber(x);
x.isEqualTo(y) && y.isEqualTo(z) && x.isEqualTo(z);      // truelet x = new BigNumber('1111222233334444555566');
x.toString();                       // "1.111222233334444555566e+21"
x.toFixed();                        // "1111222233334444555566"// Precision loss from using numeric literals with more than 15 significant digits.
new BigNumber(1.0000000000000001)         // '1'
new BigNumber(88259496234518.57)          // '88259496234518.56'
new BigNumber(99999999999999999999)       // '100000000000000000000'// Precision loss from using numeric literals outside the range of Number values.
new BigNumber(2e+308)                     // 'Infinity'
new BigNumber(1e-324)                     // '0'// Precision loss from the unexpected result of arithmetic with Number values.
new BigNumber(0.7 + 0.1)                  // '0.7999999999999999'npm install --save decimal.jsconst a = 9.99;const b = 8.03;// 加法let c = new Decimal(a).add(new Decimal(b)) // 减法let d = new Decimal(a).sub(new Decimal(b))// 乘法let e = new Decimal(a).mul(new Decimal(b))// 除法let f = new Decimal(a).div(new Decimal(b))
http://www.hrbkazy.com/news/36237.html

相关文章:

  • 做的比较好的旅行网站平台广告推广
  • 凡科建网站万网域名注册
  • 网站字体变大代码企业网站cms
  • 个人网站备案需要多久品牌营销与推广
  • 长春火车站现在正常通车吗怎么推广网页
  • 个人网站备案 法律说明游戏推广怎么做
  • 东昌府做网站推广文章优化关键词排名
  • 网页设计培训贵不贵百度seo怎么收费
  • 衡阳网站备案淘宝怎么设置关键词搜索
  • 萧山住房和城乡建设委员会网站抖音推广平台
  • 护卫神做的网站访问在线crm
  • 做外贸的网站看啥书营销类网站
  • 天津网站制作公司seo的定义是什么
  • 网站备案拍照背景图关键词组合工具
  • 用mvc做网站的缺点输入关键词就能写文章的软件
  • 开发区建设集团网站百度推广seo是什么意思
  • 个人在线视频播放网站搭建博客网站seo
  • 佛山顺德容桂做网站的公司seo优化视频教程
  • 免费推广网站在线站长seo工具
  • 如何做商业网站推广企业站seo
  • 我做的静态网站怎么发布到网上淘宝指数查询官网
  • 物流网站的功能与特色全国广告投放平台
  • 百度的宣传视频广告seo网站关键词优化方式
  • 闵行网页设计公司seo软文是什么
  • 做网站步骤详解公司网站定制
  • 四川德充建设集团有限公司网站合肥seo搜索优化
  • 济南营销型网站公司南京seo网站优化推广
  • 网络公司网站建设首页中国四大软件外包公司
  • 网页界面设计案例赏析百度站长工具seo
  • 北京网站建设开发公司哪家好免费seo快速排名系统