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

JavaScriptで数値を小数点以下1桁に丸める方法【toFixed()メソッド】

toFixed()メソッドとは

JavaScriptで数値を小数点以下1桁に丸めたい場合は、toFixed()メソッドを使うのが最も簡単な方法です。このメソッドは、指定した桁数で数値を四捨五入し、その結果を文字列として返します。

構文

構文は以下のとおりです。digitsには、小数点以下に表示する桁数を指定します。

number.toFixed( [digits] )

使用例

次のコードを実行すると、数値488.234を小数点以下1桁に丸めた結果を確認できます。

<html>
   <head>
      <title>JavaScript toFixed() Method</title>
   </head>
  
   <body>
      <script>
         var num = 488.234;
         document.write("num.toFixed(1) is : " + num.toFixed(1));
         document.write("<br />");
      </script>
   </body>
</html>

実行結果

num.toFixed(1) is : 488.2

知っておきたいポイント

  • 戻り値は文字列： toFixed()の結果は文字列として返されるため、そのまま計算に使うことはできません。数値として扱いたい場合は、Number()やparseFloat()で変換しましょう。
  • 引数を省略した場合： num.toFixed()のように引数を指定しないと、小数点以下が丸められ整数として表示されます。
  • 指定できる桁数： 引数には0〜100の範囲の整数を指定できます。
  1. JavaScriptで小数を検証するには？正規表現を使った実装例を解説

    JavaScriptで小数を検証する方法 JavaScriptで、ユーザーが入力した値が正しい小数（小数点を含む数値）かどうかを判定したい場面はよくあります。そんなときに便利なのが正規表現です。本記事では、match()メソッドと正規表現を組み合わせて、入力値が小数かどうかを検証する方法を、具体的なコード例とともにわかりやすく解説します。 使用する正規表現パターン 今回の検証では、以下の正規表現を使用します。 /^[-+]?[0-9]+\.[0-9]+$/ このパターンの各要素の意味は次のとおりです。 ^[-+]?：文字列の先頭に符号（+ または -）が付いていても、付いていなくてもマッチ

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

    概要本記事では、整数または浮動小数点数を受け取るJavaScript関数の作成方法を解説します。引数が浮動小数点数の場合は小数点以下の桁数を返し、整数の場合は0を返します。実装の考え方最もシンプルで確実な方法は、数値を一度文字列に変換し、小数点（.）が含まれているかどうかを判定するアプローチです。具体的な手順は以下のとおりです。String()を使って数値を文字列に変換するincludes()で小数点が含まれているかを確認する含まれていればsplit(.)で分割し、小数点以下の文字数を返す含まれていなければ0を返すコード例const num1 = 1.123456789;const num2