JavaScript浮点计算

阳光穿透心脏的1/2处 2022-10-27 13:42 165阅读 0赞

在做浮点运算的时候，经常出现一些意想不到的结果，如：

let a = 0.1 + 0.2
    console.log(a) // 0.30000000000000004
    
    let b = 0.3 - 0.1
    console.log(b) // 0.19999999999999998
    
    let c = 0.1 * 0.2
    console.log(c) // 0.020000000000000004
    
    let d = 0.3 / 0.1
    console.log(d) // 2.9999999999999996

出现这个问题的原因是因为计算机在运算的时候会把十进制转成二进制，而有些小数在转换后，会变成无限循环的数字，如 0.1 = 0.0001 1001 1001 1001（无限循环）。而计算机对双精度浮点数的小数最多支持52位，在52位的时候会进行截断，所以出线了上例中的问题。

**解决办法**

将要计算的数字乘以10的n次幂，计算出结果后再除以10的n次幂

// 加
    const add = (arg1, arg2) => { 
      let 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
    }
    
    // 减
    const sub = (arg1, arg2) => { 
      return add(arg1, -arg2);
    }
    
    // 乘
    const mul = (arg1, arg2) => { 
      let 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)
    }
    
    // 除
    const div = (arg1, arg2) => { 
      let t1 = 0, t2 = 0, r1, r2;
      try {  t1 = arg1.toString().split(".")[1].length } catch (e) {  }
      try {  t2 = arg2.toString().split(".")[1].length } catch (e) {  }
      with (Math) { 
        r1 = Number(arg1.toString().replace(".", ""))
        r2 = Number(arg2.toString().replace(".", ""))
        return (r1 / r2) * pow(10, t2 - t1);
      }
    }
    
    // 结果
    let a = add(0.1, 0.2)
    console.log(a) // 0.3
    
    let b = sub(0.3, 0.1)
    console.log(b) // 0.2
    
    let c = mul(0.1, 0.2)
    console.log(c) // 0.02
    
    let d = div(0.3, 0.1)
    console.log(d) // 3