【JavaScript】丸め誤差について

JavaScriptでは小数点同士の四則演算などをする場合は誤差が発生します。

10.1 - 5.2 // 「4.8999999999999995」になる。
0.1 + 0.2 // 　「0.30000000000000004」になる。
0.571*100 // 「57.099999999999994」になる。

10.1 - 5.2 // 「4.8999999999999995」になる。

0.1 + 0.2 // 　「0.30000000000000004」になる。

0.571*100 // 「57.099999999999994」になる。

原因

コンピュータ内部で発生する「丸め誤差」というものになります。

コンピュータ内部では小数点(浮動小数点)は2進数で計算していますが、人が扱うのは10進数になります。10進数→2進数にうまく変換できないことで発生します。

これでもできます。ただ、小数点の桁数がわかっている場合しか対応できません。（ただ、ライブラリのインストールなどは不要な対処法になるので局所的な暫定的な対応とかではこれで問題ないかもしれません。）

aaa = 10.7;
bbb = 9.1;
ccc = ((aaa　*10) - (bbb * 10)) / 10; // 1.6

aaa = 10.7;

bbb = 9.1;

ccc = ((aaa　*10) - (bbb * 10)) / 10; // 1.6

上記のように10倍して整数にしてから計算してまた10で割っています。まあ冗長ですよね。

また、上記のケースではうまくいきますが小数第二位などを使った浮動小数などを扱う場合は小数計算などが入ってきてうまくいかない場合があるので確実ではないです。

丸め誤差対策のメジャーなライブラリは下記のようなものになります。

const BigNumber = require('./bignumber.js');
const aaa = new BigNumber(0.2).minus(0.1);
console.log(aaa.toString()); // 丸め誤差を起こさず0.1になる。

const BigNumber = require('./bignumber.js');

const aaa = new BigNumber(0.2).minus(0.1);

console.log(aaa.toString()); // 丸め誤差を起こさず0.1になる。

そもそも、小数点計算はバックエンドなどの言語（例えば、JavaやSQLなど）に任せてフロントでは演算処理をしないという考え方ですね。

特に、金融系のアプリケーションとかであればなおさら精密なお金の金額の扱いが要求されるでしょうからこの選択肢を取ることがベストかもしれません。