Cara Memformat Angka dengan Pemisah Ribuan di JavaScript

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

Baca Juga

Ali Akbar

Software Developer yang fokus mengembangkan aplikasi berbasis Web dan Desktop. Senang mempelajari teknologi baru terutama di bidang web design dan web development.

View all posts by Ali Akbar →

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *