JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptのNumber.toPrecision()関数の使い方と実行例

JavaScriptのNumberオブジェクトのtoPrecision()関数は、有効桁数（精度）を表す値を引数として受け取り、現在の数値をその指定された精度で表現した文字列を返します。数値を見やすい形式に整形したい場合などに便利なメソッドです。

構文

num.toPrecision(num);

引数numには1〜100の範囲の整数を指定できます。この値が有効桁数となります。引数を省略した場合は、toString()と同様に、元の数値がそのまま文字列として返されます。

押さえておきたいポイント

  • 戻り値は常に文字列型です（数値型ではない点に注意）。
  • 指定できる精度は1〜100の範囲です。範囲外の値を渡すとRangeErrorが発生します。
  • 指定した桁数では数値全体を表現しきれない場合、自動的に指数表記（例： 3.3e+3）で返されます。

使用例1： 有効桁数を指定した場合

<html>
<head>
    <title>JavaScript Example</title>
</head>
<body>
    <script type="text/javascript">
        var num = 3325.462;
        result = num.toPrecision(2);
        document.write("Result: " + result);
    </script>
</body>
</html>

出力結果

Result: 3.3e+3

この例では、有効桁数を「2」と指定しています。そのため、3325.462という数値は先頭から2桁の有効数字だけで表現され、結果は指数表記の「3.3e+3」（つまり3.3×10³）として出力されます。

使用例2： 引数を省略した場合

<html>
<head>
    <title>JavaScript Example</title>
</head>
<body>
    <script type="text/javascript">
        var num = 3325.462;
        result = num.toPrecision();
        document.write("Result: " + result);
    </script>
</body>
</html>

出力結果

Result: 3325.462

引数を指定しない場合は、数値を表現するために必要なだけの桁数で、元の値がそのまま文字列として返されます。

このようにtoPrecision()を使うことで、表示する桁数を柔軟に制御できます。ただし戻り値が文字列になるため、計算に使う場合はparseFloat()などで数値に戻す必要がある点に注意しましょう。

  1. JavaScriptのNumber()関数とは？使い方とサンプルコードを解説

    JavaScriptのNumber()関数は、引数として渡された値やオブジェクトを、それに対応する数値へ変換するための関数です。真偽値や文字列型の数字、さらにはDateオブジェクトなども数値に変換できるため、データ型の変換処理において非常に便利な組み込み関数の一つです。例えば、Number(true)は「1」、Number(false)は「0」を返します。また、数字のみで構成された文字列「149」を渡せば数値の149に変換され、new Date()で生成した日付オブジェクトを渡すと、1970年1月1日からの経過ミリ秒数が返されます。以下に、Number()関数の動作を確認できるサンプルコードを

  2. JavaScriptのNumber.toLocaleString()関数とは？使い方と実行例を解説

    NumberオブジェクトのtoLocaleString()メソッドは、数値を受け取り、指定されたロケール（地域・言語設定）に応じた形式の文字列表現を返す関数です。国や地域ごとに異なる数字の表記（アラビア数字、桁区切りなど）に変換したい場合に便利です。 構文 toLocaleString()メソッドの基本的な構文は以下のとおりです。 num.toLocaleString(locales); 引数にはBCP 47言語タグ（例：ja-JP、en-US、ar-EGなど）を文字列で指定します。引数を省略した場合は、実行環境のデフォルトロケールが使用されます。 使用例 次のサンプルコードでは、数値「332