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

概要

本記事では、整数または浮動小数点数を受け取るJavaScript関数の作成方法を解説します。引数が浮動小数点数の場合は小数点以下の桁数を返し、整数の場合は0を返します。

実装の考え方

最もシンプルで確実な方法は、数値を一度文字列に変換し、小数点（.）が含まれているかどうかを判定するアプローチです。具体的な手順は以下のとおりです。

1. String()を使って数値を文字列に変換する
2. includes()で小数点が含まれているかを確認する
3. 含まれていればsplit('.')で分割し、小数点以下の文字数を返す
4. 含まれていなければ0を返す

コード例

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

実行結果

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

9
0

コードの解説

num1は小数点以下が9桁の浮動小数点数なので、split('.')で分割した2番目の要素「123456789」の長さである9が返されます。一方、num2は整数のため小数点が含まれず、0が返されます。

注意点

非常に大きい数値や極端に小さい数値は、文字列変換時に指数表記（例：1e-7）になる場合があります。そのようなケースに対応する必要がある場合は、toString()の挙動を考慮した追加処理が必要です。また、浮動小数点数には計算誤差が伴うため、厳密な精度が求められる場面では返される桁数に注意してください。