Rumah > hujung hadapan web > tutorial js > Bagaimana Memformat Nombor dengan Amanah untuk Sentiasa Menunjukkan Dua Tempat Perpuluhan dalam JavaScript?

Bagaimana Memformat Nombor dengan Amanah untuk Sentiasa Menunjukkan Dua Tempat Perpuluhan dalam JavaScript?

Linda Hamilton
Lepaskan: 2024-12-15 11:52:09
asal
904 orang telah melayarinya

How to Reliably Format Numbers to Always Show Two Decimal Places in JavaScript?

Formatkan Nombor untuk Sentiasa Memaparkan 2 Tempat Perpuluhan

Tugas yang diberikan melibatkan penukaran nombor kepada format yang memaparkan dua tempat perpuluhan secara konsisten, membulatkannya jika perlu. Walaupun pendekatan menggunakan parseFloat(num).toFixed(2) boleh mencapai penukaran asas, ia gagal apabila berurusan dengan integer.

Penyelesaian yang Diperbaiki:

Untuk menangani isu ini, penyelesaian yang lebih mantap boleh digunakan:

(Math.round(num * 100) / 100).toFixed(2);
Salin selepas log masuk

Penjelasan:

  1. Math.round(num * 100): Mendarab nombor dengan 100 dan membundarkannya kepada integer terdekat. Ini dengan berkesan menukar nombor kepada rentetan dengan dua tempat perpuluhan, walaupun untuk integer.
  2. (Math.round(num * 100) / 100): Membahagikan hasil dengan 100 untuk memulihkan skala asal nombor itu.
  3. .toFixed(2): Memotong keputusan kepada dua tempat perpuluhan, membundarkan di mana perlu.

Contoh:

var num1 = "1";
var num2 = "1.341";
var num3 = "1.345";

document.getElementById('num1').innerHTML = (Math.round(num1 * 100) / 100).toFixed(2);
document.getElementById('num2').innerHTML = (Math.round(num2 * 100) / 100).toFixed(2);
document.getElementById('num3').innerHTML = (Math.round(num3 * 100) / 100).toFixed(2);
Salin selepas log masuk

Output:

<span>
Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimana Memformat Nombor dengan Amanah untuk Sentiasa Menunjukkan Dua Tempat Perpuluhan dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan