浮動小数点の桁数を調整したい | 数値操作 | JavaScript 目的別リファレンス

スポンサーリンク

このプログラムでは、浮動小数点数を指定した桁数に調整する方法を紹介します。主にtoFixed()メソッドを使って小数点以下の桁数を指定します。

スポンサーリンク

使用するメソッド: toFixed()

toFixed()メソッドは、浮動小数点数の小数点以下の桁数を指定して、文字列として返します。数値を表示する際に、桁数を制御するのに便利です。

浮動小数点の桁数を調整するプログラム

以下のコードでは、浮動小数点数123.456789を小数点以下2桁に調整しています。

HTMLとJavaScriptコード

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>浮動小数点の桁数を調整する方法</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
            padding: 20px;
        }
        pre {
            background: #f4f4f4;
            border-left: 3px solid #ccc;
            padding: 10px;
            margin: 20px 0;
        }
    </style>

    <script>
        window.onload = function() {
            // 浮動小数点の桁数を調整する関数
            function formatNumberToFixed(num, decimalPlaces) {
                return num.toFixed(decimalPlaces); // 小数点以下の桁数を指定
            }

            // テスト用の浮動小数点数
            const number = 123.456789;

            // 小数点以下2桁に調整した結果
            const formattedNumber = formatNumberToFixed(number, 2);

            // 結果をHTMLに表示
            document.getElementById('formattedNumber').textContent = `${number} を小数点以下2桁に調整した結果: ${formattedNumber}`;
        }
    </script>
</head>
<body>

    <h1>浮動小数点の桁数を調整する方法</h1>

    <div id="formattedNumber"></div>

</body>
</html>

プログラムの解説

このプログラムでは、toFixed()メソッドを使って浮動小数点数を小数点以下2桁に調整しています。toFixed()は指定した桁数で数値を文字列として返すため、表示や保存時に役立ちます。

Mathオブジェクト メソッドの機能一覧

Mathオブジェクト メソッドの機能一覧 | JavaScript リファレンス
JavaScriptのMathオブジェクトは、数学的な定数や関数を提供するオブジェクトで、静的メソッドのみを持ちます。以下に、Mathオブジェクトのメソッドをアルファベット順にまとめています。Mathオブジェクトの静的メソッド メソッド名 説明と注意点 Math.abs(x) 数値の絶対値を返します。注意点: 引数が数...

Numberオブジェクト メソッドの機能一覧

Number メソッドの機能一覧 | JavaScript リファレンス
JavaScriptのNumberオブジェクトは、数値操作に便利なメソッドを提供します。以下に、Numberオブジェクトのメソッドをインスタンスメソッドと静的メソッドに分け、アルファベット順でまとめています。Numberオブジェクトのインスタンスメソッド メソッド名 説明と注意点 Number.prototype.to...