JavaScriptで数値の小数部分のみを取得する方法

JavaScriptでは、数値から小数点以下の部分だけを取り出したい場面があります。本記事では、数値を文字列として処理し、小数部分を正確に抽出して返す関数の実装方法を解説します。

問題の概要

数値を受け取るJavaScript関数を作成します。この関数は、引数として渡された数値のうち、小数点（.）より後ろの部分だけを取り出し、数値として返す必要があります。

実装例

以下がそのコードです。

const num = 435.43436;
const retrieveDecimalPart = (num = 1) => {
    const str = String(num);
    let [_, decimal] = str.split('.');
    const divisor = Math.pow(10, decimal.length)
    decimal = +decimal;
    return decimal / divisor;
};
console.log(retrieveDecimalPart(num));

コードの解説

処理の流れは次のとおりです。

• 文字列への変換： String(num) で数値を文字列に変換します。
• 分割： split('.') を使って整数部と小数部に分割します。
• 除数の計算： Math.pow(10, decimal.length) により、小数部の桁数に応じた10の冪乗を求めます。
• 数値化と復元： 小数部を数値に変換したうえで除数で割ることで、0.xxxxx の形式に戻します。

この手法のポイントは、単純に小数部の数字を返すのではなく、元の数値における「0.43436」という形を保ったまま返せることです。

出力結果

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

0.43436

別のアプローチ：剰余演算子を使う方法

よりシンプルな方法として、剰余演算子（%）を利用する手段もあります。num % 1 は1で割った余り、つまり小数部分をそのまま返します。

const num = 435.43436;
const retrieveDecimalPart = (num = 1) => num % 1;
console.log(retrieveDecimalPart(num)); // 0.43436

ただし、浮動小数点数の仕様上、0.1 + 0.2 のような計算と同様に微小な誤差が生じる場合があるため、厳密な精度が必要なケースでは最初に紹介した文字列ベースの方法や、toFixed()・toPrecision() を組み合わせた処理が有効です。

まとめ

数値の小数部分を取得するには、文字列に変換して split('.') で分割する方法と、剰余演算子 % を使う方法の2つが代表的です。用途や精度の要件に応じて使い分けることで、意図した結果を確実に得られます。