• 前端数字计算精度问题


    计算精度问题通常发生在浮点数运算中,由于浮点数的表示所限,可能导致精度损失。

    举例
    // 比如
    0.1 + 0.2 // 结果为 0.30000000000000004
    0.3 - 0.1 // 结果为 0.19999999999999996
    
    • 1
    • 2
    • 3

    vue

    vue 使用decimal.js 解决小数相加合计精确度丢失问题

    微信小程序

    1. 在utils下创建一个名为commonFunc.js的文件
    'use strict';
    
    Object.defineProperty(exports, '__esModule', {
      value: true
    });
    
    /*! *****************************************************************************
    Copyright (c) Microsoft Corporation.
    Permission to use, copy, modify, and/or distribute this software for any
    purpose with or without fee is hereby granted.
    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
    PERFORMANCE OF THIS SOFTWARE.
    user ,medthor
    NP.strip(num) // strip a number to nearest right number
    NP.plus(num1, num2, num3, ...) // addition, num + num2 + num3, two numbers is required at least.
    NP.minus(num1, num2, num3, ...) // subtraction, num1 - num2 - num3
    NP.times(num1, num2, num3, ...) // multiplication, num1 * num2 * num3
    NP.divide(num1, num2, num3, ...) // division, num1 / num2 / num3
    NP.round(num, ratio) // round a number based on ratio
    ***************************************************************************** /
    / global Reflect, Promise */
    
    function __spreadArrays() {
      for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
      for (var r = Array(s), k = 0, i = 0; i < il; i++)
        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
          r[k] = a[j];
      return r;
    }
    /**
    @desc 解决浮动运算问题,避免小数点后产生多位数和计算精度损失。
    问题示例:2.3 + 2.4 = 4.699999999999999,1.0 - 0.9 = 0.09999999999999998
    **/
    /** 
    把错误的数据转正
    strip(0.09999999999999998)=0.1
    */
    function strip(num, precision) {
      if (precision === void 0) {
        precision = 15;
      }
      return +parseFloat(Number(num).toPrecision(precision));
    }
    /** 
    Return digits length of a number
    @param {number} num Input number
    */
    function digitLength(num) {
      // Get digit length of e
      var eSplit = num.toString().split(/[eE]/);
      var len = (eSplit[0].split('.')[1] || '').length - +(eSplit[1] || 0);
      return len > 0 ? len : 0;
    }
    /** 
    把小数转成整数,支持科学计数法。如果是小数则放大成整数
    @param {number} num 输入数
    */
    function float2Fixed(num) {
      if (num.toString().indexOf('e') === -1) {
        return Number(num.toString().replace('.', ''));
      }
      var dLen = digitLength(num);
      return dLen > 0 ? strip(Number(num) * Math.pow(10, dLen)) : Number(num);
    }
    /** 
    检测数字是否越界,如果越界给出提示
    @param {number} num 输入数
    */
    function checkBoundary(num) {
      if (_boundaryCheckingState) {
        if (num > Number.MAX_SAFE_INTEGER || num < Number.MIN_SAFE_INTEGER) {
          console.warn(num + " is beyond boundary when transfer to integer, the results may not be accurate");
        }
      }
    }
    /** 
    精确乘法
    */
    function times(num1, num2) {
      var others = [];
      for (var _i = 2; _i < arguments.length; _i++) {
        others[_i - 2] = arguments[_i];
      }
      if (others.length > 0) {
        return times.apply(void 0, __spreadArrays([times(num1, num2), others[0]], others.slice(1)));
      }
      var num1Changed = float2Fixed(num1);
      var num2Changed = float2Fixed(num2);
      var baseNum = digitLength(num1) + digitLength(num2);
      var leftValue = num1Changed * num2Changed;
      checkBoundary(leftValue);
      return leftValue / Math.pow(10, baseNum);
    }
    /** 
    精确加法
    */
    function plus(num1, num2) {
      var others = [];
      for (var _i = 2; _i < arguments.length; _i++) {
        others[_i - 2] = arguments[_i];
      }
      if (others.length > 0) {
        return plus.apply(void 0, __spreadArrays([plus(num1, num2), others[0]], others.slice(1)));
      }
      var baseNum = Math.pow(10, Math.max(digitLength(num1), digitLength(num2)));
      return (times(num1, baseNum) + times(num2, baseNum)) / baseNum;
    }
    /** 
    精确减法
    */
    function minus(num1, num2) {
      var others = [];
      for (var _i = 2; _i < arguments.length; _i++) {
        others[_i - 2] = arguments[_i];
      }
      if (others.length > 0) {
        return minus.apply(void 0, __spreadArrays([minus(num1, num2), others[0]], others.slice(1)));
      }
      var baseNum = Math.pow(10, Math.max(digitLength(num1), digitLength(num2)));
      return (times(num1, baseNum) - times(num2, baseNum)) / baseNum;
    }
    /** 
    精确除法
    */
    function divide(num1, num2) {
      var others = [];
      for (var _i = 2; _i < arguments.length; _i++) {
        others[_i - 2] = arguments[_i];
      }
      if (others.length > 0) {
        return divide.apply(void 0, __spreadArrays([divide(num1, num2), others[0]], others.slice(1)));
      }
      var num1Changed = float2Fixed(num1);
      var num2Changed = float2Fixed(num2);
      checkBoundary(num1Changed);
      checkBoundary(num2Changed);
      // fix: 类似 10 ** -4 为 0.00009999999999999999,strip 修正
      return times(num1Changed / num2Changed, strip(Math.pow(10, digitLength(num2) - digitLength(num1))));
    }
    /** 
    四舍五入
    */
    function round(num, ratio) {
      var base = Math.pow(10, ratio);
      return divide(Math.round(times(num, base)), base);
    }
    var _boundaryCheckingState = true;
    /*
    是否进行边界检查,默认开启
    @param flag 标记开关,true 为开启,false 为关闭,默认为 true
    */
    function enableBoundaryChecking(flag) {
      if (flag === void 0) {
        flag = true;
      }
      _boundaryCheckingState = flag;
    }
    var index = {
      strip: strip,
      plus: plus,
      minus: minus,
      times: times,
      divide: divide,
      round: round,
      digitLength: digitLength,
      float2Fixed: float2Fixed,
      enableBoundaryChecking: enableBoundaryChecking,
    };
    exports.strip = strip;
    exports.plus = plus;
    exports.minus = minus;
    exports.times = times;
    exports.divide = divide;
    exports.round = round;
    exports.digitLength = digitLength;
    exports.float2Fixed = float2Fixed;
    exports.enableBoundaryChecking = enableBoundaryChecking;
    exports['default'] = index;
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
    • 45
    • 46
    • 47
    • 48
    • 49
    • 50
    • 51
    • 52
    • 53
    • 54
    • 55
    • 56
    • 57
    • 58
    • 59
    • 60
    • 61
    • 62
    • 63
    • 64
    • 65
    • 66
    • 67
    • 68
    • 69
    • 70
    • 71
    • 72
    • 73
    • 74
    • 75
    • 76
    • 77
    • 78
    • 79
    • 80
    • 81
    • 82
    • 83
    • 84
    • 85
    • 86
    • 87
    • 88
    • 89
    • 90
    • 91
    • 92
    • 93
    • 94
    • 95
    • 96
    • 97
    • 98
    • 99
    • 100
    • 101
    • 102
    • 103
    • 104
    • 105
    • 106
    • 107
    • 108
    • 109
    • 110
    • 111
    • 112
    • 113
    • 114
    • 115
    • 116
    • 117
    • 118
    • 119
    • 120
    • 121
    • 122
    • 123
    • 124
    • 125
    • 126
    • 127
    • 128
    • 129
    • 130
    • 131
    • 132
    • 133
    • 134
    • 135
    • 136
    • 137
    • 138
    • 139
    • 140
    • 141
    • 142
    • 143
    • 144
    • 145
    • 146
    • 147
    • 148
    • 149
    • 150
    • 151
    • 152
    • 153
    • 154
    • 155
    • 156
    • 157
    • 158
    • 159
    • 160
    • 161
    • 162
    • 163
    • 164
    • 165
    • 166
    • 167
    • 168
    • 169
    • 170
    • 171
    • 172
    • 173
    • 174
    • 175
    • 176
    • 177
    • 178
    • 179
    • 180
    • 181
    • 182
    • 183
    1. 在页面引用
    var commonFunc= require('../../utils/commonFunc');
    Page({
      onload() {
      commonFunc.minus(0.2, 0.1)
     }
    })
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
  • 相关阅读:
    用max的角度来解析blender建模!
    G1D17-研究方向&rce45-49&不快乐就去敲敲代码
    QML中的模板方法模式
    超级简单学习Shiro会话管理
    Linux友人帐之网络编程基础FTP服务器
    2022NewStarCTF pwn大部分题解
    WorkPlus AI助理,基于ChatGPT的企业级知识问答机器人
    java中fastJSON解析复合
    k8s中的PV和PVC存储介绍
    C++模板(类模板)
  • 原文地址:https://blog.csdn.net/weixin_46328739/article/details/138187477