JavaScript visualizza un float con 2 cifre decimali

Volevo visualizzare un numero con 2 cifre decimali.

Pensavo di poter usare toPrecision(2)in JavaScript.

Tuttavia, se il numero è 0.05, ottengo 0.0500. Preferirei che rimanesse lo stesso.

Guardalo su JSbin .

Qual è il modo migliore per farlo?

Posso pensare di codificare alcune soluzioni, ma immagino (spero) che sia integrato qualcosa del genere?

float_num.toFixed(2);

Nota:toFixed() arrotonderà o riempirà con zeri se necessario per soddisfare la lunghezza specificata.

Potresti farlo con la toFixedfunzione, ma è difettoso in IE . Se vuoi una soluzione affidabile, guarda la mia risposta qui .

Prova toFixedinvece di toPrecision.

Non so come sono arrivato a questa domanda, ma anche se sono passati molti anni da quando mi è stato chiesto, vorrei aggiungere un metodo rapido e semplice che seguo e non mi ha mai deluso:

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

tondo (1.005, 2); // return 1.01

tondo (1.004, 2); // restituisce 1 invece di 1.00

La risposta sta seguendo questo link: http://www.jacklmoore.com/notes/rounding-in-javascript/

number.parseFloat(2) funziona ma restituisce una stringa.

Se desideri conservarlo come tipo di numero, puoi utilizzare:

Math.round(number * 100) / 100

Potresti provare a mescolare Number()e toFixed().

Fai convertire il tuo numero target in una bella stringa con X cifre, quindi converti la stringa formattata in un numero.

Number( (myVar).toFixed(2) )

Vedi l'esempio seguente:

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>

Il toFixed()metodo formatta un numero usando la notazione a virgola fissa.

ed ecco la sintassi

numObj.toFixed([digits])

L' argomento cifre è facoltativo e per impostazione predefinita è 0. E il tipo restituito è stringa non numero. Ma puoi convertirlo in numero usando

numObj.toFixed([digits]) * 1

Può anche generare eccezioni come TypeError,RangeError

Ecco tutti i dettagli e la compatibilità nel browser.

let a = 0.0500
a.toFixed(2);

//output
0.05

Ho fatto questa funzione. Funziona bene ma restituisce una stringa.

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