JavaScript menampilkan float ke 2 tempat desimal

Saya ingin menampilkan angka ke 2 tempat desimal.

Saya pikir saya bisa menggunakan toPrecision(2)JavaScript.

Namun, jika angkanya 0.05, saya dapatkan 0.0500. Saya lebih suka tetap sama.

Lihat di JSbin .

Apa cara terbaik untuk melakukan ini?

Saya bisa memikirkan pengkodean beberapa solusi, tetapi saya membayangkan (saya harap) sesuatu seperti ini ada di dalamnya?

float_num.toFixed(2);

Catatan:toFixed() akan bulat atau pad dengan nol jika perlu untuk memenuhi panjang yang ditentukan.

Anda bisa melakukannya dengan toFixedfungsinya, tetapi bermasalah di IE . Jika Anda menginginkan solusi yang andal, lihat jawaban saya di sini .

Coba toFixedalih-alih toPrecision.

Tidak tahu bagaimana saya sampai ke pertanyaan ini, tetapi bahkan jika sudah bertahun-tahun sejak pertanyaan ini diajukan, saya ingin menambahkan metode cepat dan sederhana yang saya ikuti dan tidak pernah mengecewakan saya:

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

ronde (1,005, 2); // kembalikan 1.01

ronde (1.004, 2); // kembalikan 1 bukannya 1,00

Jawabannya mengikuti tautan ini: http://www.jacklmoore.com/notes/rounding-in-javascript/

number.parseFloat(2) berfungsi tetapi mengembalikan string.

Jika Anda ingin mempertahankannya sebagai tipe angka, Anda dapat menggunakan:

Math.round(number * 100) / 100

Anda dapat mencoba mencampur Number()dantoFixed() .

Minta nomor target Anda dikonversi ke string yang bagus dengan digit X lalu konversi string yang telah diformat menjadi angka.

Number( (myVar).toFixed(2) )

Lihat contoh di bawah ini:

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>

The toFixed()Metode format nomor menggunakan notasi fixed-point.

dan inilah sintaksnya

numObj.toFixed([digits])

argumen digit adalah opsional dan secara default adalah 0. Dan tipe kembalinya adalah string bukan angka. Tetapi Anda dapat mengonversinya menjadi angka menggunakan

numObj.toFixed([digits]) * 1

Itu juga bisa melempar pengecualian seperti TypeError,RangeError

Berikut ini detail lengkap dan kompatibilitas di browser.

let a = 0.0500
a.toFixed(2);

//output
0.05

Saya telah membuat fungsi ini. Ini berfungsi dengan baik tetapi mengembalikan string.

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