最新公告
  • 欢迎您光临起源地模板网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入钻石VIP
  • 用JavaScript实现浮点数的加减法

    正文概述 掘金(jenvyxu)   2020-12-28   422

    原理分析

    由于浮点数计算存在bug,为了能够得到结果运算结果:

    1. 把浮点数转换成整数,记录两个数中小数位数值中的最大值,对于小数位数比较少的在数字后面补0
        100.234 + 0.0005 // 记录小数位最大值是4
        100.234 ==> '100' + '2340' // '234'后面需要补一个0
        0.0005 ==> '00005'
      
    2. 使用parseInt转换成整数进行运算
        parseInt('100234') // 1002340
        parseInt('00005') // 5
        parseInt('100234') + parseInt('00005') => 1002345
      
    3. 得到结果后把结果转换成字符串,然后把小数点插进去
        '' + 1002345 => '1002345'
        // 根据记录的小数点的位置
        '1002345'.slice(-4) + '.' + '1002345'.slice(0, 4) => '100.2345'
      

    代码实现

    function add(x, y) { // x, y都是正数或者负数
      x = typeof x === 'string' ? x : '' + x
      y = typeof y === 'string' ? y : '' + y
      let [intX, floatX] = x.split('.')
      let [intY, floatY] = y.split('.')
      let floatLengthMax = 0
      let result = ''
      // 获取x, y中最大的小数个数
      if(floatX && floatY) {
        floatLengthMax = Math.max(floatX.length, floatY.length)
      } else if(floatX === undefined && floatY !== undefined) {
        floatLengthMax = floatY.length
      } else if(floatX !== undefined && floatY === undefined) {
        floatLengthMax = floatX.length
      } else {
        floatLengthMax = 0
      }
      // 根据x, y是否为小数做不同的处理
      if(floatX === undefined && floatY === undefined) { // x, y是整数
        return parseInt(intX) + parseInt(intY) + ''
      } else if(floatX !== undefined && floatY === undefined) { // x是小数, y是整数
        result =  parseInt(intX + floatX) + parseInt(intY + floatX.replace(/\d/g, '0')) + ''
      } else if(floatX === undefined && floatY !== undefined) { // x是整数, y是小数
        result =  parseInt(intX + floatY.replace(/\d/g, '0')) + parseInt(intY + floatY) + ''
      } else if(floatX !== undefined && floatY !== undefined) { // x, y都是小数
        let stringX = ''
        let stringY = ''
        if(floatX.length === floatLengthMax){
          stringX = intX + floatX
          stringY = intY + floatY + floatX.slice(floatY.length).replace(/\d/g, '0')
        } else {
          stringX = intX + floatX + floatY.slice(floatX.length).replace(/\d/g, '0')
          stringY = intY + floatY
        }
        result = parseInt(stringX) + parseInt(stringY) + ''
      }
      // 判断结果需不需要补0
      // 例如0.0003 + 0.00002 => .32
      if(result.length <= floatLengthMax) {
        let zeroStr = ''
        for(let i = 0; i < floatLengthMax - result.length; i++) {
          zeroStr += '0'
        }
        return '0.' + zeroStr + result
      } else {
        return result.slice(0, -floatLengthMax) + '.' + result.slice(-floatLengthMax)      
      }
    }
    
    function sub(x, y) { // x, y有一个是负数
      x = typeof x === 'string' ? x : '' + x
      y = typeof y === 'string' ? y : '' + y
      let [intX, floatX] = x.split('.')
      let [intY, floatY] = y.split('.')
      let result = ''
      // 获取x, y中最大的小数个数
      if(floatX && floatY) {
        floatLengthMax = Math.max(floatX.length, floatY.length)
      } else if(floatX === undefined && floatY !== undefined) {
        floatLengthMax = floatY.length
      } else if(floatX !== undefined && floatY === undefined) {
        floatLengthMax = floatX.length
      } else {
        floatLengthMax = 0
      }
      // 根据x, y是否为小数做不同的处理
      if(floatX === undefined && floatY === undefined) { // x, y是整数
        return parseInt(intX) + parseInt(intY) + ''
      } else if(floatX !== undefined && floatY === undefined) { // x是小数, y是整数
        result = parseInt(intX + floatX) + parseInt(intY + floatX.replace(/\d/g, '0')) + ''
      } else if(floatX === undefined && floatY !== undefined) { // x是整数, y是小数
        result =  parseInt(intX + floatY.replace(/\d/g, '0')) + parseInt(intY + floatY) + ''
      } else if(floatX !== undefined && floatY !== undefined) { // x, y 都是小数
        let stringX = ''
        let stringY = ''
        if(floatX.length === floatLengthMax){
          stringX = intX + floatX
          stringY = intY + floatY + floatX.slice(floatY.length).replace(/\d/g, '0')
        } else {
          stringX = intX + floatX + floatY.slice(floatX.length).replace(/\d/g, '0')
          stringY = intY + floatY
        }
        result = parseInt(stringX) + parseInt(stringY) + ''
      }
    
      // 判断结果需不需要补0
      // 例如0.0003 - 0.00002 => .-28
      let minus = result.indexOf('-') > -1 ? '-' : ''
      result = result.indexOf('-') > -1 ? result.slice(1) : result
      if(result.length <= floatLengthMax) {
        let zeroStr = ''
        for(let i = 0; i < floatLengthMax - result.length; i++) {
          zeroStr += '0'
        }
        return minus + '0.' + zeroStr + result
      } else {
        return minus + result.slice(0, -floatLengthMax) + '.' + result.slice(-floatLengthMax)
      }
    }
    
    function calcFloat(x, y) {
      let valueX = typeof x === 'string' ? parseFloat(x) : x
      let valueY = typeof y === 'string' ? parseFloat(y) : y
      if(x >= 0 && y >= 0) {
        return add(x, y)
      } else if(x < 0 && y >= 0){
        return sub(y, x)
      } else if(x >= 0 && y < 0) {
        return sub(x, y)
      } else {
        return add(x, y)
      }
    } 
    

    起源地下载网 » 用JavaScript实现浮点数的加减法

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    模板不会安装或需要功能定制以及二次开发?
    请QQ联系我们

    发表评论

    还没有评论,快来抢沙发吧!

    如需帝国cms功能定制以及二次开发请联系我们

    联系作者

    请选择支付方式

    ×
    迅虎支付宝
    迅虎微信
    支付宝当面付
    余额支付
    ×
    微信扫码支付 0 元