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

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

DDD
Lepaskan: 2024-12-17 13:07:25
asal
276 orang telah melayarinya

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

Cara Memformat Nombor untuk Sentiasa Menunjukkan 2 Tempat Perpuluhan

Objektif:

Matlamat adalah untuk secara konsisten memaparkan nombor dengan dua tempat perpuluhan, membundarkannya sebagai perlu.

Contoh:

number display
1 1.00
1.341 1.34
1.345 1.35

Pendekatan Awal:

Menggunakan parseFloat(num).toFixed(2) ; untuk memformat nombor tidak berjaya, kerana ia memaparkan nilai seperti 1 tanpa perpuluhan yang diingini.

Penyelesaian:

Untuk mencapai pemformatan yang diingini, gunakan formula berikut:

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

Penjelasan:

Ini penyelesaian melibatkan tiga langkah utama:

  1. Darab dengan 100: Langkah ini mengalihkan titik perpuluhan dua tempat ke kanan, membolehkan pembundaran tepat tanpa kehilangan sebarang digit bererti.
  2. Bundarkan hasil: Math.round() digunakan untuk membundarkan nilai kepada yang terdekat integer.
  3. Bahagi dengan 100: Langkah ini membawa titik perpuluhan kembali ke kedudukan asalnya, memastikan nombor itu dipaparkan dengan tepat dua tempat perpuluhan.

Kod Demonstrasi:

var num1 = "1";
document.getElementById('num1').innerHTML = (Math.round(num1 * 100) / 100).toFixed(2);

var num2 = "1.341";
document.getElementById('num2').innerHTML = (Math.round(num2 * 100) / 100).toFixed(2);

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

Output:

number display
1 1.00
1.341 1.34
1.345 1.35

Atas ialah kandungan terperinci Bagaimana Memformat Nombor dengan Amanah untuk Sentiasa Menunjukkan Dua Tempat Perpuluhan?. 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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan