JavaScript que muestra un flotante a 2 decimales

Quería mostrar un número con 2 decimales.

Pensé que podría usar toPrecision(2)en JavaScript.

Sin embargo, si el número es 0.05, me sale 0.0500. Prefiero que siga igual.

Véalo en JSbin .

¿Cuál es la mejor manera de hacer esto?

Puedo pensar en codificar algunas soluciones, pero me imagino (espero) que algo como esto está incorporado.

float_num.toFixed(2);

Nota:toFixed() se redondeará o rellenará con ceros si es necesario para cumplir con la longitud especificada.

Podrías hacerlo con la toFixedfunción, pero tiene errores en IE . Si quieres una solución confiable, mira mi respuesta aquí .

Intenta en toFixedlugar de toPrecision.

No sé cómo llegué a esta pregunta, pero incluso si han pasado muchos años desde que se hizo esta pregunta, me gustaría agregar un método rápido y simple que sigo y nunca me ha decepcionado:

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); // devuelve 1.01

redondo (1.004, 2); // devuelve 1 en lugar de 1.00

La respuesta está siguiendo este enlace: http://www.jacklmoore.com/notes/rounding-in-javascript/

number.parseFloat(2) funciona pero devuelve una cadena.

Si desea conservarlo como un tipo de número, puede usar:

Math.round(number * 100) / 100

Podrías intentar mezclar Number()y toFixed().

Haga que su número objetivo se convierta en una bonita cadena con X dígitos y luego convierta la cadena formateada en un número.

Number( (myVar).toFixed(2) )

Ver ejemplo a continuación:

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>

El toFixed()método formatea un número usando notación de punto fijo.

y aquí está la sintaxis

numObj.toFixed([digits])

El argumento de dígitos es opcional y, por defecto, es 0. Y el tipo de retorno es string no number. Pero puedes convertirlo a número usando

numObj.toFixed([digits]) * 1

También puede arrojar excepciones como TypeError,RangeError

Aquí está el detalle completo y la compatibilidad en el navegador.

let a = 0.0500
a.toFixed(2);

//output
0.05

He hecho esta función. Funciona bien pero devuelve cadena.

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