小数点以下2桁までの浮動小数点数を表示するJavaScript

数値を小数点第2位まで表示したかった。

toPrecision(2)JavaScriptで使えると思いました。

しかし、数がなら0.05、私は得る0.0500。変わらないほうがいいです。

JSbinでご覧ください。

これを行う最良の方法は何ですか？

いくつかの解決策をコーディングすることを考えることができますが、このようなものが組み込まれていると思います（願っています）。

float_num.toFixed(2);

注：toFixed()指定された長さに合わせる必要がある場合は、ゼロを丸めるか、ゼロで埋めます。

あなたはtoFixed関数でそれを行うことができますが、IEではバギーです。信頼できるソリューションが必要な場合は、こちらの私の回答をご覧ください。

のtoFixed代わりに試してくださいtoPrecision。

私がこの質問にどうやって到達したかはわかりませんが、これが尋ねられてから何年もたっても、私が従う迅速で簡単な方法を追加したいと思っています。

var num = response_from_a_function_or_something();

var fixedNum = parseFloat(num).toFixed( 2 );

function round(value, decimals) { return Number(Math.round(value+'e'+decimals)+'e-'+decimals); }

ラウンド（1.005、2）; // 1.01を返します

ラウンド（1.004、2）; // 1.00ではなく1を返します

答えはこのリンクをたどっています：http : //www.jacklmoore.com/notes/rounding-in-javascript/

number.parseFloat(2) 動作しますが、文字列を返します。

数値型として保持したい場合は、次のように使用できます。

Math.round(number * 100) / 100

混ぜてみNumber()てtoFixed()。

ターゲット番号をX桁の適切な文字列に変換してから、フォーマットされた文字列を数値に変換します。

Number( (myVar).toFixed(2) )

以下の例をご覧ください。

var myNumber = 5.01;
var multiplier = 5;
$('#actionButton').on('click', function() {
  $('#message').text( myNumber * multiplier );
});

$('#actionButton2').on('click', function() {
  $('#message').text( Number( (myNumber * multiplier).toFixed(2) ) );
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<button id="actionButton">Weird numbers</button>
<button id="actionButton2">Nice numbers</button>

<div id="message"></div>

このtoFixed()メソッドは、固定小数点表記を使用して数値をフォーマットします。

そしてここに構文があります

numObj.toFixed([digits])

digits引数はオプションで、デフォルトは0です。戻り値の型は数値ではなく文字列です。しかし、あなたはそれを数に変換することができます

numObj.toFixed([digits]) * 1

またTypeError、のような例外をスローすることもありますRangeError

これは、ブラウザの完全な詳細と互換性です。

let a = 0.0500
a.toFixed(2);

//output
0.05

この機能を作りました。正常に動作しますが、文字列を返します。

function show_float_val(val,upto = 2){
  var val = parseFloat(val);
  return val.toFixed(upto);
}