关于toFixed的精度问题

本文介绍了如何修复Number.prototype.toFixed方法在处理负数时的精度问题,并添加了参数范围检查。两种解决方案针对负数处理和浮点数精度进行了优化,确保了结果的正确性。同时,提供了两个代码示例和相关技术讨论。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

解决方式一,直接上代码

Number.prototype.toFixed = function (s) {
        var that = this, changenum, index;
        changenum = (parseInt(that * Math.pow(10, s) + 0.5) / Math.pow(10, s)).toString();
        index = changenum.indexOf(".");
        if (index < 0 && s > 0) {
            changenum = changenum + ".";
            for (var i = 0; i < s; i++) {
                changenum = changenum + "0";
            }
        } else {
            index = changenum.length - index;
            for (var i = 0; i < (s - index) + 1; i++) {
                changenum = changenum + "0";
            }
        }
        return changenum;
    }

这个方法是科可行的。但是对于负数那可就会产生错误。比如说如果this是“-21.99999999998”,代入这个方法,很奇怪的就是这个返回的值居然成了“-21.99”。跟我们需要的“-22”差了一些啊。
分析一下方法,就会发现,负数的话,在parseInt方法那边可能会有错误,这个时候我们判断一下负数的话直接将changenum 改一下绝对值就好了。重新改好的代码如下

Number.prototype.toFixed = function (s) {
        var that = this, changenum, index;
        if (this < 0) {
            that = -that;
        }
        changenum = (parseInt(that * Math.pow(10, s) + 0.5) / Math.pow(10, s)).toString();
        index = changenum.indexOf(".");
        if (index < 0 && s > 0) {
            changenum = changenum + ".";
            for (var i = 0; i < s; i++) {
                changenum = changenum + "0";
            }
        } else {
            index = changenum.length - index;
            for (var i = 0; i < (s - index) + 1; i++) {
                changenum = changenum + "0";
            }
 
 
        }
        if (this < 0) {
            return -changenum;
        } else {
            return changenum;
        }
    }

解决方式二,如下:

Number.prototype.toFixed = function(n) {
  if (n > 20 || n < 0) {
    throw new RangeError("toFixed() digits argument must be between 0 and 20")
  }
  let number = this
  if (this < 0) {
        number = -number
    }
  // number = number < 0 ? -number : number
  if (isNaN(number) || number >= Math.pow(10, 21)) {
    return number.toString()
  }
  if (typeof n == "undefined" || n == 0) {
    return Math.round(number).toString()
  }

  let result = number.toString()
  const arr = result.split(".")

  // 整数的情况
  if (arr.length < 2) {
    result += "."
    for (let i = 0; i < n; i += 1) {
      result += "0"
    }
    return result
  }

  const integer = arr[0]
  const decimal = arr[1]
  if (decimal.length == n) {
    return result
  }
  if (decimal.length < n) {
    for (let i = 0; i < n - decimal.length; i += 1) {
      result += "0"
    }
    return result
  }
  result = integer + "." + decimal.substr(0, n)
  const last = decimal.substr(n, 1)

  // 四舍五入,转换为整数再处理,避免浮点数精度的损失,我们需要兼容负数,所以还得在方法中进行修改
  if (parseInt(last, 10) >= 5) {
    const x = Math.pow(10, n)
    result = (Math.round(parseFloat(result) * x) + 1) / x
    result = result.toFixed(n)
  }
  if (this < 0) {
      return -result
  } else {
      return result
  }
}

记住,负数的话需要转成整数处理,返回数的时候,判断一下处理的数是正数还是负数,正数返回正数,负数返回负数(将正数取反就可以了)。网络上的方法借鉴了一下。希望可以对小伙伴有一些借鉴。
引用: https://www.cnblogs.com/tonnytong/p/9327345.html

toFixed(2)是 JavaScript 中的一个方法,用于将数字保留指定的小数位数。当我们在使用toFixed(2),期望得到的结果应该是一个保留两位小数的数值。然而,在某些情况下,使用toFixed(2)可能会导致精度问题。 引用中的代码alert(parseFloat(10000.005*10000).toFixed(2))展示了一个可能出现精度问题的例子。这段代码的目的是将10000.005乘以10000,并保留两位小数。然而,由于浮点数的精度问题,最终结果并不如预期。 为了解决toFixed(2)的精度问题,引用给出了一个重定义toFixed(2)方法的例子。该方法通过正则表达式和数学运算来保证结果的精确性。但这种方法并不是官方推荐的解决方案。 另一种解决toFixed(2)精度问题的方式是先将小数乘以一个合适的倍数,然后再进行相应的操作。在引用的代码中,将11*(22.9*10)的结果除以10,得到了正确的结果。这种方法可以避免浮点数运算的精度问题。 综上所述,为了避免toFixed(2)的精度问题,我们可以尝试使用重定义方法或者将小数乘以一个合适的倍数再进行操作。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span> #### 引用[.reference_title] - *1* *4* [javascript小数乘法溢出、精确率问题 toFixed(2)完美解决](https://blog.csdn.net/beiwang/article/details/38068103)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [js运算的精度问题](https://download.csdn.net/download/weixin_38602098/14044359)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [toFixed(2)解决精度误差的方法](https://blog.csdn.net/weixin_42204641/article/details/84280381)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值