Format Number Otomatis Dengan JavaScript Semua Negara

Hallo apa kabar semuanya, kali ini kita akan membahas untuk membuat format number sesuai negara yang kita inginkan.

Ada banyak cara berbeda untuk mencetak integer dengan koma sebagai pemisah ribuan dalam JavaScript. Untuk mencetak integer dalam JavaScript, Anda bisa menggunakan number format JavaScript.

Kalian dapat memplejari tutorial yang lainnya:

Tutorial JavaScript #1 : Pengenalan Javascript

Penanganan Eror Javascript

Convert waktu am pm to 24 Jam

Meskipun untuk memegang value number mirip dengan memegang value string, ada beberapa perbedaan di antara keduanya. Dalam tutorial ini, kalian akan belajar tentang berbagai number format JavaScript. Anda akan belajar cara mengonversi angka menjadi string, cara menampilkan eksponensial, serta desimal.

Memformat angka secara manual sebagai string mata uang bisa menjadi proses yang membosankan. Meskipun hal ini sering kali dapat dilakukan dalam beberapa baris kode, praktik yang baik adalah mengikuti norma standar daripada membuat hardcode sendiri, ditambah dengan cara yang lebih mudah bagi pengembang untuk menulis kode.

Saya akan memberikan beberapa contoh bagaimana memformat number sesuai mata uang negara masing masing secara otomatis.

Format Number JavaScript

console.log(new Intl.NumberFormat('id-ID', {
  style: 'currency',
  currency: 'IDR',
  minimumFractionDigits: 0,
}).format(123456789)); // Rp 123.456.789

console.log(new Intl.NumberFormat('en-US', {
  style: 'currency',
  currency: 'USD',
  minimumFractionDigits: 0,
}).format(123456789)); // $123,456,789

console.log(new Intl.NumberFormat('en-IN', {
  style: 'currency',
  currency: 'INR',
  minimumFractionDigits: 0,
}).format(123456789)); // ₹12,34,56,789

console.log(new Intl.NumberFormat('en-DE', {
  style: 'currency',
  currency: 'EUR',
  minimumFractionDigits: 0,
}).format(123456789)); // €123,456,789

Kode di atas merupakan, kode untuk memberikan output number yang telah di format sesuai mata uang. Di sini saya akan memberikan paramters yang dapat kalian gunakan.

Parameter

ar-SA Arabic (Saudi Arabia)
bn-BD Bangla (Bangladesh)
bn-IN Bangla (India)
cs-CZ Czech (Czech Republic)
da-DK Danish (Denmark)
de-AT Austrian German
de-CH “Swiss” German
de-DE Standard German (as spoken in Germany)
el-GR Modern Greek
en-AU Australian English
en-CA Canadian English
en-GB British English
en-IE Irish English
en-IN Indian English
en-NZ New Zealand English
en-US US English
en-ZA English (South Africa)
es-AR Argentine Spanish
es-CL Chilean Spanish
es-CO Colombian Spanish
es-ES Castilian Spanish (as spoken in Central-Northern Spain)
es-MX Mexican Spanish
es-US American Spanish
fi-FI Finnish (Finland)
fr-BE Belgian French
fr-CA Canadian French
fr-CH “Swiss” French
fr-FR Standard French (especially in France)
he-IL Hebrew (Israel)
hi-IN Hindi (India)
hu-HU Hungarian (Hungary)
id-ID Indonesian (Indonesia)
it-CH “Swiss” Italian
it-IT Standard Italian (as spoken in Italy)
ja-JP Japanese (Japan)
ko-KR Korean (Republic of Korea)
nl-BE Belgian Dutch
nl-NL Standard Dutch (as spoken in The Netherlands)
no-NO Norwegian (Norway)
pl-PL Polish (Poland)
pt-BR Brazilian Portuguese
pt-PT European Portuguese (as written and spoken in Portugal)
ro-RO Romanian (Romania)
ru-RU Russian (Russian Federation)
sk-SK Slovak (Slovakia)
sv-SE Swedish (Sweden)
ta-IN Indian Tamil
ta-LK Sri Lankan Tamil
th-TH Thai (Thailand)
tr-TR Turkish (Turkey)
zh-CN Mainland China, simplified characters
zh-HK Hong Kong, traditional characters
zh-TW Taiwan, traditional characters

Pilihan untuk mengatur foramt number.

Demikian informasi ini saya sampaikan, semoga bermanfaat.

Terimakasih:

Sumber : https://www.w3schools.com/jsref/jsref_tolocalestring_number.asp