js parseFloat 超长长度的js 数值

最新推荐文章于 2022-11-24 10:59:31 发布

mfanw

最新推荐文章于 2022-11-24 10:59:31 发布

阅读量1k

点赞数

分类专栏： java 文章标签： java

本文链接：https://blog.youkuaiyun.com/mfanw/article/details/10162483

版权

java 专栏收录该内容

20 篇文章

订阅专栏

本文介绍了一种解决JavaScript中浮点数处理精度问题的方法，特别是针对金额等需要高精度计算的场景。通过将输入的数值分为两部分并分别处理，确保了即使在数值长度较长的情况下也能正确进行四舍五入及保留小数的操作。

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

js的 parseFloat 精度有问题。
经测试，当长度超过16位就有可能失真
toFixed(2) 用来约束末尾有两位小数部分

var x = "1234567890123456789";
var f = parseFloat(x).toFixed(2);
alert(f);// 1234567890123456700.00 已经失真

对小数部分的最后一位进行四舍五入
var f = Math.round(f*100)/100;

需求：一个文本框，
输入金额（金额整数部分长度为20位，超过使用parseFloat的16位的失真临界点）
对金额进行四舍五入，保留两位小数。

做法：把输入的文本根据小数点位置平均截为两个float，命名为A、B。
B需要进行四舍五入操作。
四舍五入操作需要首先把B 乘以 100再四舍五入再除以100，
必须保证乘以100后不失真。
也就是B的长度为 16-2 = 14（最保险的是长度为13）
由于AB的整数长度相同，所以输入的最长为28（最保险的长度为26，满足需求的20）
如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script>
  function doCheck() {
   var x = document.getElementById("changeData").value;
  var i = x.indexOf('.');
  var splitIndex = 0;
  if(i <0){
   splitIndex = x.length/2;
  }else{
   splitIndex = i/2;
  }
  var x1 = x.substring(0,splitIndex);
  var x2 = x.substring(splitIndex,x.length);
  var f1 = parseFloat(x1);
  var f2 = parseFloat(x2).toFixed(2);
  f2 = parseFloat(Math.round(f2*100)/100).toFixed(2);
  var ret = "";
  if(("" + f2).indexOf('.') > x2.indexOf('.')){
   ret = "" + (f1 + 1) + f2.substring(1, f2.length);
  }else{
   ret = "" + f1 + f2;
  }
  document.getElementById("tf1").value = x;
  document.getElementById("tf2").value = ret;
  return f1 + f2;
}
  </script>
</HEAD>