Dalam kebanyakan kasus, Anda ingin memformat angka dalam JavaScript dengan koma, terutama bila angkanya besar
Membaca angka besar jauh lebih mudah bila ada koma di dalamnya
Dalam postingan ini, kita akan mempelajari cara memformat angka dalam JavaScript dengan koma
Cara terbaik untuk memformat angka dalam JavaScript adalah dengan menggunakan metode toLocaleString(). Metode ini ada pada objek Number_ dan akan mengembalikan string dengan angka yang diformat dengan koma
Jika Anda tinggal di AS, Anda dapat meneruskan metode string lokal en-US untuk memformat angka dengan koma
Mari kita lihat cara memformat angka dengan koma di JavaScript
Bahkan berfungsi untuk angka floating point
const number = 12345.6789; const formattedNumber = number.toLocaleString("en-US"); console.log(formattedNumber); // 12,345.679 _Hal hebat tentang menggunakan toLocaleString() adalah bahwa ini akan berfungsi untuk lokal apa pun. Jika Anda ingin memformat angka dengan titik seperti di Jerman, Anda dapat menggunakan metode string lokal de-DE untuk memformat angka dengan titik
Ini contohnya
const number = 123456789; const formattedNumber = number.toLocaleString("de-DE"); console.log(formattedNumber); // 123.456.789Betapa kerennya itu?
Dalam posting ini, kami melihat bagaimana memformat angka dalam JavaScript dengan koma. Kita juga melihat cara memformat angka dengan titik, dengan hanya meneruskan metode toLocaleString() string lokal yang berbeda
Semoga ini membantu Anda memahami cara memformat angka dalam JavaScript
Terima kasih sudah membaca
Jika Anda ingin belajar tentang pengembangan web, mendirikan start-up, bootstrap SaaS, dan lainnya, ikuti saya di Twitter. Anda juga dapat bergabung dalam percakapan di Discord resmi kami
RegExp mungkin menjadi hal pertama yang terlintas dalam pikiran saat memformat angka untuk memasukkan koma sebagai pemisah ribuan. Namun, ada cara bawaan lainnya untuk melakukan ini di JavaScript
Berikut adalah contoh dengan metode 1 2 3 4 5 _1
Ia bekerja dengan angka desimal juga
1 2 3 4 5 (function() { let floatingPoint = 1234567890.50; console.log(floatingPoint.toLocaleString()); })() // 1,234,567,890.5Jelas, kode di atas mengubah nomor kita menjadi string, menggunakan bahasa lokal. Bahasa ditentukan oleh bahasa lokal dari sistem operasi mesin kami. Namun, cukup meneruskan data lokal untuk mengubahnya. Sebagai contoh
1 2 3 4 5 (function() { let floatingPoint = 1234567890.50; console.log(floatingPoint.toLocaleString('de-DE')); })() // 1.234.567.890,5Sebagai solusi alternatif, kita dapat menggunakan fungsi konstruktor 1 2 3 4 5 2. Namespace 1 2 3 4 5 _2 mengekspos API Internasionalisasi JS. Objek 1 2 3 4 5 _2 hadir dengan berbagai metode untuk memformat angka, tanggal, dan waktu, serta perbandingan string. Berikut daftar konstruktor
- 1 2 3 4 5 5
- 1 2 3 4 5 6
- 1 2 3 4 5 _7
- 1 2 3 4 5 8
- 1 2 3 4 5 _9
- (function() { let floatingPoint = 1234567890.50; console.log(floatingPoint.toLocaleString()); })() // 1,234,567,890.5 _0
- (function() { let floatingPoint = 1234567890.50; console.log(floatingPoint.toLocaleString()); })() // 1,234,567,890.5 _1
- (function() { let floatingPoint = 1234567890.50; console.log(floatingPoint.toLocaleString()); })() // 1,234,567,890.5 _2
- (function() { let floatingPoint = 1234567890.50; console.log(floatingPoint.toLocaleString()); })() // 1,234,567,890.5 _3 (metode statis; i. e kita bisa menggunakannya tanpa fungsi konstruktor)
Dengan 1 2 3 4 5 _2, kita dapat memformat angka dengan cara khusus negara. Selain itu, kami dapat memformat hal lain yang terkait dengan pelokalan, seperti tanggal. Untuk saat ini, mari kita tetap pada tugas yang ada, yaitu pemformatan angka
1 2 3 4 5 (function() { const number = 123456789; console.log(Intl.NumberFormat('en-US').format(number)); })() // 123,456,789Mari kita coba (function() { let floatingPoint = 1234567890.50; console.log(floatingPoint.toLocaleString()); })() // 1,234,567,890.5 _5 lokal
1 2 3 4 5 (function() { const number = 123456789; console.log(Intl.NumberFormat('de-DE').format(number)); })() // 123.456.789Inilah fungsi yang lebih kuat yang dapat kita gunakan untuk mengonversi ke lokal yang berbeda
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 1 2 3 4 5 0Seperti disebutkan sebelumnya, solusi alternatif lain untuk latihan ini adalah menggunakan RegEx, tetapi kami akan meninggalkan implementasi RegExp untuk lain waktu.