Tulisan ini akan mengilustrasikan pendekatan yang dapat diterapkan untuk memformat angka dalam JavaScript.
Bagaimana Memformat Angka dalam JavaScript?
Pendekatan berikut dapat diterapkan untuk memformat angka dalam JavaScript:
- “ toFixed() ' Metode.
- “ Intl.NumberFormat() ” Pembangun.
- “ keLocaleString() ' Metode.
- “ Ekspresi Reguler ”
Pendekatan yang disebutkan sekarang akan diilustrasikan satu per satu!
Contoh 1: Memformat Angka dalam JavaScript Menggunakan Metode toFixed()
Metode ini dapat diterapkan untuk memformat angka yang disediakan sedemikian rupa sehingga tidak ada titik desimal yang tersisa di dalamnya atau angka tetap yang tersisa di dalamnya setelah titik desimal.
Pertama, tentukan nomor yang akan diformat:
biarkan formatNumber = 12.345678 ;
Selanjutnya, terapkan ' toFixed() ” metode untuk memformat angka yang diberikan sedemikian rupa sehingga tidak ada digit yang tersisa setelah titik desimal:
menghibur. catatan ( 'Nomor yang diformat adalah:' , formatNumber. toFixed ( ) ) ;Pada langkah ini, sama-sama menerapkan metode yang sama dengan meneruskan “ dua ” dalam parameternya. Ini akan menghasilkan pemformatan angka menjadi dua tempat desimal:
menghibur. catatan ( 'Nomor yang diformat adalah:' , formatNumber. toFixed ( dua ) ) ;
Keluaran
Contoh 2: Memformat Angka dalam JavaScript Menggunakan Konstruktor Intl.NumberFormat()
“ Intl.NumberFormat() ” konstruktor membuat objek baru yang memungkinkan pemformatan nomor sensitif bahasa. Pendekatan ini dapat diterapkan untuk memformat angka yang diberikan berdasarkan mata uang yang ditentukan.
Pertama, tentukan nomor yang akan diformat:
const formatNumber = 12345.67 ;Sekarang, terapkan ' Intl.NumberFormat() ” pendekatan untuk memformat nomor yang ditentukan sehubungan dengan “ KITA ” mata uang dan tampilkan sesuai:
biarkan numUpd = baru Internasional NumberFormat ( 'dalam diri kami' , { gaya : 'mata uang' , mata uang : 'USD' } ) . format ( formatNumber ) ;menghibur. catatan ( 'Mata uang yang diformat adalah:' , numUpd ) ;
Keluaran
“ $ ” dengan nomor menunjukkan bahwa nomor yang diberikan berformat “ KITA ' mata uang.
Contoh 3: Memformat Angka dalam JavaScript Menggunakan Metode toLocaleString()
“ keLocaleString() ” metode memberikan objek tanggal dalam bentuk string. Metode ini dapat diterapkan untuk memformat angka ke dalam format bahasa yang ditentukan.
Sintaksis
Tanggal . toLocaleString ( lokal , pilihan )- “ lokal ” mengacu pada format bahasa tertentu.
- “ pilihan ” menunjuk ke objek yang propertinya dapat ditetapkan.
Dalam contoh yang diberikan di bawah ini, alokasikan nomor berikut ke variabel bernama “ formatNumber ”:
biarkan formatNumber = 7323452568.283 ;Sekarang, terapkan ' keLocaleString() ” metode, tentukan format bahasa sebagai “ dalam diri kami ” dalam parameternya, dan tampilkan nomor yang diformat yang dihasilkan:
dulu kita = formatNumber. toLocaleString ( 'dalam diri kami' ) ;menghibur. catatan ( 'Nomor yang diformat adalah:' , kita ) ;
Keluaran
Contoh 4: Memformat Angka dalam JavaScript Menggunakan Ekspresi Reguler
Pendekatan ini dapat digunakan bersama dengan ' mengganti() ” metode untuk menempatkan koma di antara angka yang diberikan pada interval yang sama sebagai hasilnya.
Pertama, inisialisasi nomor berikut:
dulu formatNumber = 445567788 ;Sekarang, terapkan metode replace() bersama dengan ekspresi reguler. Ekspresi reguler di sini akan mengalokasikan “ koma ” ke nilai yang diinisialisasi dengan melakukan pencarian global dan mengembalikan nilai yang dipisahkan koma sehingga memformat angka yang ditentukan:
menghibur. catatan ( 'Nomor yang diformat adalah:' , Rangkaian ( formatNumber ) . mengganti ( /(.)(?=(\d{3})+$)/g , '$1,' ) )Keluaran
Kami telah menyimpulkan pendekatan yang mudah untuk memformat angka dalam JavaScript.
Kesimpulan
“ toFixed() ” metode, “ Intl.NumberFormat() ' konstruktor, ' keLocaleString() ” metode, atau “ ekspresi reguler ” dapat digunakan untuk memformat angka dalam JavaScript. Metode pertama menghasilkan pemformatan angka sedemikian rupa sehingga tidak ada angka atau angka tetap dari angka yang tersisa di dalamnya setelah titik desimal. Pendekatan konstruktor Intl.NumberFormat() dapat diterapkan untuk memformat angka berdasarkan mata uang, dan metode toLocaleString() dapat diterapkan untuk memformat angka yang ditentukan ke dalam format khusus bahasa. Teknik ekspresi reguler dapat diterapkan untuk memformat nomor yang disediakan sedemikian rupa untuk mengembalikan nilai yang dipisahkan koma. Blog ini mendemonstrasikan metode untuk memformat angka tertentu dalam JavaScript.