DEV Community

Mr koala
Mr koala

Posted on

funtion formatRupiah()

Fungsi formatRupiah dalam aplikasi ini digunakan untuk mengubah angka mentah (integer) menjadi format mata uang Rupiah yang standar. Fungsi ini terletak di dalam skrip JavaScript (Alpine.js) pada file dashboard.blade.php
.

Berikut adalah rincian lengkapnya:

1. Source Code

formatRupiah(number) {
    return new Intl.NumberFormat('id-ID', { 
        style: 'currency', 
        currency: 'IDR', 
        minimumFractionDigits: 0 
    }).format(number).replace('Rp', 'Rp ');
}
Enter fullscreen mode Exit fullscreen mode

2. Penjelasan Alur Kerja (Step-by-Step)

Fungsi ini bekerja melalui 4 tahap otomatis:

Tahap A: Menerima Input (number) Fungsi menerima sebuah angka mentah, misalnya: 50000.

Tahap B: Inisialisasi Intl.NumberFormat Sistem menggunakan fitur bawaan browser modern bernama Intl.NumberFormat. Di sini kita memberikan instruksi (konfigurasi):

  • id-ID: Gunakan standar lokal Indonesia (menggunakan titik sebagai pemisah ribuan).
  • style: 'currency': Format sebagai mata uang.
  • currency: 'IDR': Gunakan simbol mata uang Rupiah.
  • minimumFractionDigits: 0: Jangan tampilkan angka di belakang koma (sen), agar tampilan lebih bersih (misal: bukan Rp 50.000,00 tapi cukup Rp 50.000).

Tahap C: Eksekusi Format (.format(number)) Pada tahap ini, angka 50000 diubah menjadi string: "Rp50.000". Perhatikan bahwa secara default, standar internasional tidak memberikan spasi antara "Rp" dan angkanya.

Tahap D: Penyesuaian Spasi (.replace('Rp', 'Rp ')) Terakhir, fungsi melakukan manipulasi teks sederhana. Ia mencari teks "Rp" dan menggantinya dengan "Rp " (ditambah spasi).

Top comments (0)