JavaScriptで小数点以下の桁数を取得する方法

JavaScriptでは、整数または浮動小数点数を受け取り、小数点以下の桁数を返す関数を実装する必要がある場面があります。引数が浮動小数点数の場合は小数点以下の桁数を返し、整数の場合は0を返します。

例として、次の2つの数値を考えてみましょう。

const num1 = 1.123456789;
const num2 = 123456789;

num1には小数点以下が9桁あるため「9」を返す必要があります。一方、num2は整数なので「0」を返します。

実装コード

以下がその実装例です。

const num1 = 1.123456789;
const num2 = 123456789;
const decimalCount = num => {
    // 数値を文字列に変換
    const numStr = String(num);
    // 文字列に小数点が含まれているか確認
    if (numStr.includes('.')) {
        return numStr.split('.')[1].length;
    };
    // 小数点が含まれていない場合は0を返す
    return 0;
}
console.log(decimalCount(num1)) // 9
console.log(decimalCount(num2)) // 0

処理の流れ

1. 文字列への変換：String()メソッドを使って、数値を文字列に変換します。
2. 小数点の有無を判定：includes('.')で文字列に小数点（.）が含まれているかどうかを確認します。
3. 桁数の取得：小数点が含まれる場合、split('.')で小数点より後ろの部分を取り出し、そのlength（長さ）を返します。
4. 整数の場合：小数点が含まれない場合は、そのまま0を返します。

出力

コンソールには次のように出力されます。

9
0

注意点

この方法はシンプルで分かりやすい反面、JavaScriptの浮動小数点演算の特性上、計算結果の数値を扱う場合は浮動小数点誤差により期待と異なる桁数が返されることがあります。厳密な精度が求められる場合は、toFixed()メソッドやDecimal.jsなどの外部ライブラリの利用も検討するとよいでしょう。