js 正確な計算

js 正確な計算
var numA = 0.1; 
var numB = 0.2; 
アラート(numA + numB);

0.1 + 0.2 = 0.300000000000000004 です。
計算精度エラーの問題 (バイナリに関連)。

浮動小数点数の四則演算については、ほぼすべてのプログラミング言語で同様の精度誤差の問題が発生しますが、C++/C#/Javaなどの言語では、精度の問題を回避するためにメソッドがカプセル化されています。JavaScriptは弱い型付けの言語であり、設計思想から浮動小数点数に厳密なデータ型がないため、精度誤差の問題が特に顕著になります。

0.1 と 0.2 をバイナリに変換してみましょう。

0.1 => 0.0001 1001 1001 1001… (無限ループ)

0.2 => 0.0011 0011 0011 0011… (無限ループ)

倍精度浮動小数点数の小数部は最大52ビットをサポートしているため、2つを加算すると、0.010011001100110011001100110011001100110011001100110011001100110011001100 という文字列が得られますが、これは浮動小数点数の小数点制限により切り捨てられた2進数です。このとき、10進数に変換すると、0.30000000000000004 になります。

どうすれば解決できるでしょうか?

まず、数値を 10 の累乗で乗算し、小数点以下を削除して 2 進数に変換できる整数を取得し、計算後にそれを復元します。

/** 
 ** 正確な除算結果を得るために使用される除算関数** 注: JavaScript の除算結果には誤差があり、2 つの浮動小数点数を除算するとより顕著になります。この関数はより正確な除算結果を返します。
 ** 呼び出し: accdiv(arg1,arg2)
 ** 戻り値: arg1 を arg2 で割った正確な結果 **/
関数accdiv(arg1, arg2) {
    var t1 = 0、t2 = 0、r1、r2;
    試す {
        t1 = arg1.toString().split(".")[1].length;
    }
    キャッチ(e){
    }
    試す {
        t2 = arg2.toString().split(".")[1].length;
    }
    キャッチ(e){
    }
    (数学) {
        r1 = Number(arg1.toString().replace(".", ""));
        r2 = Number(arg2.toString().replace(".", ""));
        戻り値 (r1 / r2) * Math.pow(10, t2 - t1);
    }
}

/**
 ** 正確な加算結果を得るために使用される加算関数** 注: JavaScript の加算結果にはエラーが含まれます。これは、2 つの浮動小数点数を加算する場合に顕著になります。この関数はより正確な加算結果を返します。
 ** 呼び出し: accAdd(arg1,arg2)
 ** 戻り値: arg1 と arg2 の正確な結果 **/

関数accAdd(arg1, arg2) {
    var r1、r2、m、c;
    試す {
        r1 = arg1.toString().split(".")[1].length;
    }
    キャッチ(e){
        r1 = 0;
    }
    試す {
        r2 = arg2.toString().split(".")[1].length;
    }
    キャッチ(e){
        r2 = 0;
    }
    r1 と r2 の積分
    r1 と r2 の積分は、次の式で表されます。
    (c > 0) の場合 {
        var cm = Math.pow(10, c);
        (r1 > r2)の場合{
            arg1 = Number(arg1.toString().replace(".", ""));
            arg2 = Number(arg2.toString().replace(".", "")) * cm;
        } それ以外 {
            arg1 = Number(arg1.toString().replace(".", "")) * cm;
            arg2 = Number(arg2.toString().replace(".", ""));
        }
    } それ以外 {
        arg1 = Number(arg1.toString().replace(".", ""));
        arg2 = Number(arg2.toString().replace(".", ""));
    }
    (arg1 + arg2) / m を返します。
}

/**
 ** 正確な乗算結果を得るために使用される乗算関数** 注: JavaScript の乗算結果には誤差があり、2 つの浮動小数点数を乗算するとより顕著になります。この関数はより正確な乗算結果を返します。
 ** 呼び出し: accMul(arg1,arg2)
 ** 戻り値: arg1 と arg2 を掛け合わせた正確な結果 **/
関数accMul(arg1, arg2) {
    var m = 0、s1 = arg1.toString()、s2 = arg2.toString();
    試す {
        m += s1.split(".")[1].length;
    }
    キャッチ(e){
    }
    試す {
        m += s2.split(".")[1].length;
    }
    キャッチ(e){
    }
    戻り値 Number(s1.replace(".", "")) * Number(s2.replace(".", "")) / Math.pow(10, m);
}

上記はjs精密計算の詳細な内容です。js精密計算の詳細については、123WORDPRESS.COMの他の関連記事に注目してください。

以下もご興味があるかもしれません:
  • js 正確なカウントダウン機能の共有
  • ID番号を確認するための超正確なJavaScriptメソッド
  • js ドラッグ アンド ドロップ テーブルでコンテンツ計算を実現する
  • jsはシンプルな計算機を実装します
  • Apple 電卓の JS 実装
  • JavaScript シミュレーション計算機
  • シンプルな計算機機能を実現するJavaScript
  • JavaScript でテキストの行数を計算する方法
  • JavaScript の典型的なケースのシンプルな計算機

<<:  サーバー間のファイル バックアップ ソリューション、サーバー ファイルを別のサーバーに自動的にバックアップする方法は?

>>:  Linux での MySQL 5.1 および 5.7 のインストール チュートリアル

推薦する

スケルトン スクリーンの読み込みプレースホルダー アニメーション効果を実装するための CSS + HTML (アニメーション付き)

効果上から下へフェードアウト ソースコードhtml、Angular構文を使用して、必要な構文を取得す...

MySQL での and or クエリの優先度分析

これは見落とされがちな問題かもしれません。まず、次の点を明確にする必要があります。 MySQL では...

element-plus でオンデマンドインポートとグローバルインポートを実装する方法

目次オンデマンドインポート:グローバルインポートオンデマンドインポート:プラグインをインストールする...

マージンの重複問題を解決する方法

1. まず、2つ以上の隣接する通常フローブロック要素の垂直マージンの崩壊を引き起こす原因を知る必要が...

dockerでrabbitmqをインストールすると管理ページに入れなくなる問題

1. 環境整備Tencent Cloud Server CENTOS 7 バージョンDockerコン...

「いいね!」機能では MySQL と Redis のどちらを使用すればよいでしょうか?

目次1. 初心者が陥りがちな間違い2. Iteratorのremove()メソッドを使用する3. f...

Ubuntu 18.04 は pyenv、pyenv-virtualenv、virtualenv、Numpy、SciPy、Pillow、Matplotlib をインストールします

1. 現在、Pythonのバージョン管理ツールは数多く存在します。その中でも比較的使いやすいのがPy...

JS でページのスクリーンショット機能を実装する方法

「ページのスクリーンショット」は、ページポスターの生成、ポップアップ画像の共有など、フロントエンドで...

MySQL 5.7を完全にアンインストールするための詳細な手順

この記事は主に、MySQLを再インストールする際のクリーンでないアンインストールのさまざまな問題をま...

iconfontアイコンライブラリをvueに導入するエレガントな実践記録

目次序文SVGを生成するSVGスプライトの紹介プロジェクトアイコンを取得するプロジェクトのセットアッ...

Linux ssh サーバーの構成コード例

LinuxホストにSSHサーバーをインストールするには、次のターミナルコマンドを使用します: sud...

MySQL でローカル ユーザーを作成し、データベース権限を付与する方法の例

序文MySQL をインストールすると、通常はスーパーユーザー root を作成します。多くの人がこの...

MySQL 8.0.13 手動インストールチュートリアル

この記事では、MySQL 8.0.13の手動インストールチュートリアルを参考までに紹介します。具体的...