Bagaimana Anda menambahkan koma sebagai pemisah ribuan untuk angka dalam javascript?

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

	const number = 123456789;

const formattedNumber = number.toLocaleString("en-US");

console.log(formattedNumber); // 1,234,567,890

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.789

Betapa 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
let num = 1234567890;
console.log(num.toLocaleString());
// "1,234,567,890"
_
Ia bekerja dengan angka desimal juga
1
2
3
4
5
(function() {
 let floatingPoint = 1234567890.50;
 console.log(floatingPoint.toLocaleString());
})()
// 1,234,567,890.5
Jelas, 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,5
Sebagai 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,789
Mari 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.789
Inilah 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
0
Seperti disebutkan sebelumnya, solusi alternatif lain untuk latihan ini adalah menggunakan RegEx, tetapi kami akan meninggalkan implementasi RegExp untuk lain waktu.
 

			
Bagaimana cara menambahkan koma ke ribuan di JavaScript?
			
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. 
		
			
Bagaimana memformat angka dengan pemisah ribuan dalam JavaScript?
			
Pilih sel yang ingin Anda format. Pada tab Beranda, klik Peluncur Kotak Dialog di samping Angka. Pada tab Angka, dalam daftar Kategori, klik Angka.  Untuk menampilkan atau menyembunyikan pemisah ribuan, pilih atau kosongkan kotak centang Gunakan 1000 Pemisah (,) . 
		
			
Bagaimana cara menambahkan angka yang dipisahkan koma dalam JavaScript?
			
JavaScript menyediakan  toLocaleString(), regex, dan Intl.  Metode NumberFormat()  untuk menambahkan koma ke angka. toLocaleString() melokalkan nomor dengan menentukan format negara untuk menempatkan koma. Regex mencari digit kelipatan tiga dan menempatkan koma setelah digit. 
		
			
Bagaimana Anda menambahkan koma dalam ribuan?
			
Koma pertama ditempatkan tiga digit dari kanan angka untuk membentuk ribuan , koma kedua ditempatkan dua digit berikutnya dari kanan angka, untuk menandai lakh dan koma ketiga .