处理js相加减，小数后多出好多位数的解决方案

起因

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

console.log(0.1 + 0.2) //0.30000000000000004

解决方案

1）方案1

toFixed先保留两位小数，再用parseFloat去掉小数点后面的0

   console.log(parseFloat((0.1 + 0.2).toFixed(2)));  //0.30   0.3

2）方案2

参数先分别乘以100，再分别除以100

mounted(){
 console.log(this.add(0.1, 0.2));  //0.3
}
add(num1, num2) {
  var m = Math.pow(10, 2); //放大10的2次方倍  100
  return (num1 * m + num2 * m) / m;  //(0.1*100 + 0.2*100）/100
 },

Math.pow(a,b)方法获得值的类型是double型
含义是a的b次方

3）方案3

// 加法运算 核心思想是 把小数 × 10ⁿ 换算成整数 -> 运算 -> 运算结果 ÷ 10ⁿ 还原数值
export function floatAdd (arg1, arg2) {
  var r1, r2, m;
  try {
    r1 = arg1.toString().split(".")[1].length;
  } catch (e) {
    r1 = 0;
  }
  try {
    r2 = arg2.toString().split(".")[1].length;
  } catch (e) {
    r2 = 0;
  }
  m = Math.pow(10, Math.max(r1, r2));
  return (arg1 * m + arg2 * m) / m;
}

// 减法运算
export function floatSub (arg1, arg2) {
  var r1, r2, m, n;
  try {
    r1 = arg1.toString().split(".")[1].length;
  } catch (e) {
    r1 = 0;
  }
  try {
    r2 = arg2.toString().split(".")[1].length;
  } catch (e) {
    r2 = 0;
  }
  m = Math.pow(10, Math.max(r1, r2));
  // 动态控制精度长度
  n = r1 >= r2 ? r1 : r2;
  return ((arg1 * m - arg2 * m) / m).toFixed(n);
}

// 乘法运算
export function floatMul (arg1, arg2) {
  if (arg1 && arg2) {
    var m = 0,
      s1 = arg1.toString(),
      s2 = arg2.toString();
    try {
      m += s1.split(".")[1].length;
    } catch (e) { }
    try {
      m += s2.split(".")[1].length;
    } catch (e) { }
    return (
      (Number(s1.replace(".", "")) * Number(s2.replace(".", ""))) /
      Math.pow(10, m)
    );
  }
}

// 除法运算
export function floatDiv (arg1, arg2) {
  var t1 = 0,
    t2 = 0,
    r1,
    r2;
  try {
    t1 = arg1.toString().split(".")[1].length;
  } catch (e) { }
  try {
    t2 = arg2.toString().split(".")[1].length;
  } catch (e) { }

  r1 = Number(arg1.toString().replace(".", ""));

  r2 = Number(arg2.toString().replace(".", ""));
  return (r1 / r2) * Math.pow(10, t2 - t1);
}

4）方案4

JavaScript的数学计算库： decimal.js

function calulateAdd(num1:Decimal.Value, num2:Decimal.Value){
    return Decimal.add(num1,num2).toNumber()
}
calulateAdd（0.1 + 0.2）

可参考：避免数据相加小数点后产生多位数和计算精度损失的几个见效甚少的方法