Menampilkan harga seperti “1500000” sulit dibaca; diformat menjadi “1.500.000” jauh lebih ramah. Artikel ini membahas cara memformat angka dengan pemisah ribuan di JavaScript.
Metode toLocaleString()
<script>
const harga = 1500000;
console.log(harga.toLocaleString("id-ID")); // "1.500.000"
</script>
Contoh Kasus: Format Rupiah Lengkap
<script>
const rp = (1500000).toLocaleString("id-ID", {
style: "currency",
currency: "IDR",
minimumFractionDigits: 0
});
console.log(rp); // "Rp1.500.000"
</script>
Contoh Kasus: Update Total Belanja Otomatis
<script>
function tampilTotal(angka) {
document.getElementById("total").textContent =
"Rp" + angka.toLocaleString("id-ID");
}
tampilTotal(275000); // "Rp275.000"
</script>
Membuat Fungsi Bantu Rupiah
<script>
const rupiah = n => "Rp" + n.toLocaleString("id-ID");
console.log(rupiah(50000)); // "Rp50.000"
</script>
Kesimpulan
Gunakan toLocaleString("id-ID") untuk memformat angka gaya Indonesia, dengan opsi currency untuk format Rupiah lengkap. Membungkusnya menjadi fungsi rupiah() membuat kode lebih ringkas.
Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi JavaScript (MDN).

