本記事では、JavaScriptの小数点の計算で使用される「decimal.js」のインストール~基本的な使い方まで解説しています。
先輩くん
decimal.jsを使わず小数点の計算をする方法について別記事で解説しているから、興味のある人はぜひ見てね!
JavaScriptの学習におすすめ参考書
改訂3版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで
先輩くん
10万部突破したJavaScriptの本が大幅増補改訂し7年ぶりに発売されたよ!
後輩ちゃん
最新の基本文法から、開発に欠かせない応用トピックまで学ぶことが出来るよ!
綺麗なコードが書けるようになる!
リーダブルコード-より良いコードを書くためのシンプルで実践的なテクニック
先輩くん
より良いコードを書きたい人におすすめの本だよ!
後輩ちゃん
10以上前の書籍ですが、内容は今でも役に立つものばかりです!
decimal.jsをCDNで使う
下記のコードを<head>タグ内に配置します。
<script src="https://cdnjs.cloudflare.com/ajax/libs/decimal.js/9.0.0/decimal.min.js"></script>
先輩くん
decimal.jsをNode.js経由で使用したい場合は、こちらのGitHubからモジュールをインストールしてください!
decimal.jsの使い方
先輩くん
decimal.jsの加算・減算・乗算・除算について解説していきます!
加算(足し算)
加算(足し算)をするには、「add」メソッドを使用します。
// 通常の計算
0.29 + 0.54 // => 0.8300000000000001
// decimal.js
let num1 = new Decimal('0.29');
let num2 = new Decimal('0.54');
console.log(num1.add(num2).toNumber()); // => 0.83
減算(引き算)
減算(引き算)をするには、「sub」メソッドを使用します。
// 通常の計算
0.29 - 0.54 // => -0.25000000000000006
// decimal.js
let num1 = new Decimal('0.29');
let num2 = new Decimal('0.54');
console.log(num1.sub(num2).toNumber()); // => -0.25
乗算(掛け算)
乗算(掛け算)をするには、「mul」メソッドを使用します。
// 通常の計算
0.29 * 0.1 // => 0.028999999999999998
// decimal.js
let num1 = new Decimal('0.29');
let num2 = new Decimal('0.1');
console.log(num1.mul(num2).toNumber()); // => 0.029
除算(割り算)
除算(割り算)をするには、「div」メソッドを使用します。
// 通常の計算
0.29 / 0.1 // => 2.8999999999999995
// decimal.js
let num1 = new Decimal('0.29');
let num2 = new Decimal('0.1');
console.log(num1.div(num2).toNumber()); // => 2.9