Javascript Currency Format Rupiah

3 min read Jun 21, 2024
Javascript Currency Format Rupiah

Cara Memformat Mata Uang Rupiah dengan JavaScript

Dalam pengembangan aplikasi web, sering kali kita membutuhkan format mata uang yang tepat, terutama untuk menampilkan harga atau nilai keuangan. Untuk aplikasi yang menggunakan mata uang Rupiah, kita perlu memformat angka menjadi format yang mudah dibaca, seperti Rp10.000,00.

Berikut adalah beberapa cara untuk memformat mata uang Rupiah dengan JavaScript:

1. Menggunakan toLocaleString

Metode toLocaleString adalah cara sederhana dan mudah untuk memformat angka ke format lokal. Untuk memformat mata uang Rupiah, kita dapat menggunakan opsi 'id-ID' sebagai argumen locales dan 'currency' sebagai argumen options.

const harga = 12345678;
const formattedRupiah = harga.toLocaleString('id-ID', { style: 'currency', currency: 'IDR' });

console.log(formattedRupiah); // Output: Rp12.345.678,00

2. Menggunakan Intl.NumberFormat

Metode Intl.NumberFormat memberikan kontrol yang lebih detail untuk memformat angka. Kita dapat mengatur opsi seperti style, currency, minimumFractionDigits, dan maximumFractionDigits.

const harga = 12345678.90;
const formatter = new Intl.NumberFormat('id-ID', {
  style: 'currency',
  currency: 'IDR',
  minimumFractionDigits: 2,
  maximumFractionDigits: 2
});

const formattedRupiah = formatter.format(harga);

console.log(formattedRupiah); // Output: Rp12.345.678,90

3. Menggunakan Fungsi Manual

Jika ingin memiliki kontrol penuh atas format yang digunakan, kita dapat membuat fungsi manual untuk memformat mata uang.

function formatRupiah(angka) {
  const numberString = angka.toString();
  const split = numberString.split('.');
  let result = split[0].replace(/\B(?=(\d{3})+(?!\d))/g, ".");

  if (split.length > 1) {
    result += "," + split[1];
  }

  return "Rp " + result;
}

const harga = 12345678;
const formattedRupiah = formatRupiah(harga);

console.log(formattedRupiah); // Output: Rp 12.345.678

Catatan:

  • Intl.NumberFormat dan toLocaleString menggunakan format regional yang ditentukan oleh browser.
  • Fungsi manual memungkinkan kita untuk mengatur format yang spesifik sesuai kebutuhan.

Pilih metode yang paling sesuai dengan kebutuhan dan tingkat kontrol yang diinginkan. Pastikan untuk selalu memilih metode yang sesuai dengan kebutuhan dan standar yang berlaku.