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
Linda Hamiltonasal
2024-12-15 11:52:09909semak imbas

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

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

Output:

<span>

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!

Kenyataan:
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