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

JavaScriptでfloat（浮動小数点数）をフォーマットする方法【Math.roundの使い方】

JavaScriptでfloat（浮動小数点数）をフォーマットするには、Math.round() 関数を使用します。Math.round()は、数値を最も近い整数に四捨五入する組み込みメソッドです。

小数点以下の桁数を指定して丸めたい場合は、数値を一旦倍率で掛けてから四捨五入し、その後同じ倍率で割り戻すというテクニックを使います。例えば、小数第2位までに丸める場合は「100」を掛けて割ります。

サンプルコード

<!DOCTYPE html>
<html>
   <body>
      <script>
         var val1 = 0.55843424;
         var res = Math.round(val1 * 100) / 100;
         document.write(res);
      </script>
   </body>
</html>

コードの解説

上記のコードでは、以下の手順でfloat値を小数第2位までに丸めています。

  1. 元の値 0.55843424 に 100 を掛けて 55.843424 にします。
  2. Math.round() で四捨五入し、56 を得ます。
  3. 100 で割り戻すことで、結果として 0.56 が出力されます。

toFixed()メソッドを使う方法

桁数を揃えて文字列として表示したい場合は、toFixed() メソッドが便利です。引数に指定した桁数で四捨五入した文字列を返します。

var val1 = 0.55843424;
console.log(val1.toFixed(2)); // "0.56"

用途に応じて使い分けることで、金額計算や表示用の数値整形など、さまざまな場面でfloat値を適切にフォーマットできます。

  1. OperaでJavaScriptを無効にする方法【初心者向け手順解説】

    Operaブラウザでは、JavaScriptを簡単に無効化できます。ウェブページの動作確認やセキュリティ対策など、JavaScriptを一時的にオフにしたい場合に役立ちます。ここでは、具体的な手順をわかりやすく解説します。 OperaでJavaScriptを無効にする手順 1. 設定画面を開く まず、Operaブラウザを起動します。画面左上にあるメニューボタン（Operaアイコン）をクリックし、表示されたメニューから「設定」を選択します。 2. 検索ボックスで「javascript」を検索 設定画面が開いたら、上部にある検索ボックス（設定を検索）に「javascript」と入力します。

  2. OperaでJavaScriptを有効にする方法【初心者向けガイド】

    OperaでJavaScriptを有効にする手順OperaブラウザでJavaScriptを有効にしたい場合は、以下の手順に従って設定を行ってください。1. 設定画面を開くまず、Operaブラウザを起動し、画面左上にあるメニューボタンをクリックします。表示されたメニューの中から「設定（Settings）」を選択してください。2. 「javascript」を検索する設定画面が開いたら、ページ上部にある検索ボックス（設定の検索）に「javascript」と入力します。3. JavaScriptの許可設定を変更する検索を実行すると、JavaScriptに関するオプションが表示されます。ここで「サイトが