JavaScript wyświetla liczbę zmiennoprzecinkową do 2 miejsc po przecinku

Chciałem wyświetlić liczbę z dokładnością do 2 miejsc po przecinku.

Myślałem, że mogę użyć toPrecision(2)w JavaScript.

Jednak jeśli numer jest 0.05, dostaję 0.0500. Wolałbym, żeby pozostało tak samo.

Zobacz to na JSbin .

Jak najlepiej to zrobić?

Mogę pomyśleć o kodowaniu kilku rozwiązań, ale wyobrażam sobie (mam nadzieję), że coś takiego jest wbudowane?

float_num.toFixed(2);

Uwaga:toFixed() będzie zaokrąglać lub uzupełniać zerami, jeśli to konieczne, aby osiągnąć określoną długość.

Można to zrobić za pomocą tej toFixedfunkcji, ale w IE jest ona wadliwa . Jeśli chcesz niezawodnego rozwiązania, spójrz na moją odpowiedź tutaj .

Spróbuj toFixedzamiast toPrecision.

Nie wiem, jak dostałem się do tego pytania, ale nawet jeśli minęło wiele lat, odkąd zostało zadane, chciałbym dodać szybką i prostą metodę, którą stosuję i nigdy mnie nie zawiódł:

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); }

okrągły (1,005, 2); // zwróć 1.01

okrągły (1,004, 2); // zwraca 1 zamiast 1,00

Odpowiedź znajduje się pod tym linkiem: http://www.jacklmoore.com/notes/rounding-in-javascript/

number.parseFloat(2) działa, ale zwraca ciąg znaków.

Jeśli chcesz zachować ten typ liczbowy, możesz użyć:

Math.round(number * 100) / 100

Możesz spróbować miksowania Number()itoFixed() .

Przekształć liczbę docelową na ładny ciąg z cyframi X, a następnie przekonwertuj sformatowany ciąg na liczbę.

Number( (myVar).toFixed(2) )

Zobacz przykład poniżej:

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()Sposób formatuje numer za pomocą notacji dziesiętnej.

a oto składnia

numObj.toFixed([digits])

Argument cyfry jest opcjonalny i domyślnie wynosi 0. Zwracanym typem jest łańcuch, a nie liczba. Ale możesz przekonwertować go na liczbę za pomocą

numObj.toFixed([digits]) * 1

To również może generuje wyjątki podoba TypeError,RangeError

Oto pełny szczegół i zgodność w przeglądarce.

let a = 0.0500
a.toFixed(2);

//output
0.05

Zrobiłem tę funkcję. Działa dobrze, ale zwraca ciąg.

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