Membuat Format Mata Uang Rupiah dengan JavaScript
Mungkin pada saat ini kamu sedang mencari cara untuk membuat function untuk formatting mata uang tanpa split dan juga join, apalagi menggunakan Regex yang kadang kala bisa buat kepala kamu pusing.
Nah, di sini kita akan membuat sebuah function untuk formatting mata uang hanya dengan beberapa baris saja atau bahkan hanya satu baris. Kita akan menggunakan ECMAScript Internationalization API. API tersebut menyediakan berbagai macam formatting seperti format angka dalam berbagai bahasa atau negara, perbandingan string, dan format tanggal atau waktu. Namun pada kali ini kita hanya akan menggunakan format number saja.
Intl.NumberFormat
Merupakan salah satu konstruktor properti dari ECMAScript Internationalization API, yang berfungsi untuk memformat angka yang language-sensitive.
Atau dapat diartikan pula bahwa Intl.NumberFormat
dapat membuat sebuah objek yang dapat memformat angka ke dalam bahasa manusia, atau dalam kata lain, angka diformat agar dapat mudah dimengerti manusia.
Contohnya saat kita menampilkan mata uang, daripada kita menampilkan 20000, tentunya akan lebih baik dan mudah dimengerti jika penulisannya sesuai dengan mata uang negara yang dituju seperti Rp 20.000,00 atau $20.000,00
Untuk itu, berikut adalah fungsi untuk memformat angka ke mata uang yang kita inginkan, dalam contoh ini, penulis akan memformat angka menjadi mata uang rupiah.
Sebenarnya apa yang terjadi?
dalam object new Intl.NumberFormat()
terdapat dua parameter yaitu locales
dan juga options
.
Parameter Locales
Jika kita lihat dalam fungsi di atas, parameter locales
diisi dengan "id-ID"
. Locales diisi dengan "kode bahasa-kode negara"
, yang berarti dalam fungsi tersebut id
sebagai kode bahasa Indonesia dan ID
adalah kode negara Indonesia. Kita juga bisa mengubah kode tersebut, contoh lainnya :
en-USen = English
US = United States
ja-JPen = Japanese
US = Japan
Untuk daftar lebih lengkap, kalian dapat mengunjungi situs berikut:
HTML ISO Language Code Reference (w3schools.com)
HTML ISO Country Code Reference (w3schools.com)
Parameter Options
Dalam fungsi di atas kita menggunakan option style
, dan currency
. Sebenarnya ada banyak sekali options yang disediakan, namun kita hanya akan membahas dua options itu saja.
style
Option ini digunakan untuk memformat angka yang dimasukkan. Style ini ada tiga macam:
decimal
(untuk memfomat angka biasa, default)currency
(format mata uang, yang kita gunakan sekarang)percent
(format persen)
Currency
Option ini digunakan untuk menentukan mata uang apa yang akan dikembalikan, pada fungsi di atas, penulis menggunakan IDR
untuk mengembalikan mata uang Indonesia, yaitu rupiah.
Contoh lainnya kita bisa menggunakan kode USD
untuk mata uang dolar, atau EUR
untuk mata uang Euro.
List lengkap kode mata uang bisa kalian lihat di List of Currency Codes by Country (ISO 4217) (iban.com)
Contoh lainnya
Penutup
Semoga tips di atas bisa mempermudah hidup kalian, para pembaca.
Terima kasih. 🌈