JavaScript exibindo um ponto flutuante com 2 casas decimais

Eu queria exibir um número com 2 casas decimais.

Eu pensei que poderia usar toPrecision(2)em JavaScript.

No entanto, se o número for 0.05, eu entendo 0.0500. Eu prefiro que continue o mesmo.

Veja no JSbin .

Qual é a melhor maneira de fazer isso?

Posso pensar em codificar algumas soluções, mas imagino (espero) que algo assim esteja incorporado?

float_num.toFixed(2);

Nota:toFixed() arredondará ou zeros se necessário para atender ao comprimento especificado.

Você poderia fazer isso com a toFixedfunção, mas é um bug no IE . Se você deseja uma solução confiável, veja minha resposta aqui .

Tente em toFixedvez de toPrecision.

Não sei como cheguei a essa pergunta, mas, mesmo depois de muitos anos desde que isso foi feito, gostaria de adicionar um método rápido e simples que sigo e nunca me decepcionou:

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

redondo (1,005, 2); // retorna 1.01

redondo (1,004, 2); // retorna 1 em vez de 1,00

A resposta está seguindo este link: http://www.jacklmoore.com/notes/rounding-in-javascript/

number.parseFloat(2) funciona, mas retorna uma string.

Se você deseja preservá-lo como um tipo de número, pode usar:

Math.round(number * 100) / 100

Você pode tentar misturar Number()e toFixed().

Transforme seu número de destino em uma boa sequência com dígitos X e depois converta a sequência formatada em um número.

Number( (myVar).toFixed(2) )

Veja o exemplo abaixo:

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>

O toFixed()método formata um número usando a notação de ponto fixo.

e aqui está a sintaxe

numObj.toFixed([digits])

O argumento digits é opcional e, por padrão, é 0. E o tipo de retorno é string, não number. Mas você pode convertê-lo em número usando

numObj.toFixed([digits]) * 1

Também pode gerar exceções como TypeError,RangeError

Aqui estão todos os detalhes e compatibilidade no navegador.

let a = 0.0500
a.toFixed(2);

//output
0.05

Eu fiz essa função. Funciona bem, mas retorna string.

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