Tulisan ini akan menggambarkan pendekatan yang boleh dilaksanakan untuk memformat nombor dalam JavaScript.
Bagaimana untuk Memformat Nombor dalam JavaScript?
Pendekatan berikut boleh dilaksanakan untuk memformat nombor dalam JavaScript:
- “ toFixed() ” Kaedah.
- “ Intl.NumberFormat() ” Pembina.
- “ toLocaleString() ” Kaedah.
- “ Ekspresi biasa ”
Pendekatan yang disebutkan kini akan digambarkan satu demi satu!
Contoh 1: Formatkan Nombor dalam JavaScript Menggunakan Kaedah toFixed().
Kaedah ini boleh digunakan untuk memformat nombor yang disediakan sedemikian rupa sehingga tiada titik perpuluhan yang tinggal di dalamnya atau bilangan digit tetap yang tinggal di dalamnya selepas titik perpuluhan.
Pertama, nyatakan nombor yang akan diformatkan:
biarkan formatNumber = 12.345678 ;
Seterusnya, gunakan ' toFixed() ” kaedah untuk memformat nombor yang diberikan supaya tiada digit yang tinggal di dalamnya selepas titik perpuluhan:
konsol. log ( 'Nombor yang diformatkan ialah:' , formatNombor. kepadaTetap ( ) ) ;Dalam langkah ini, dengan cara yang sama, gunakan kaedah yang sama dengan melepasi “ dua ” dalam parameternya. Ini akan mengakibatkan pemformatan nombor kepada dua tempat perpuluhan:
konsol. log ( 'Nombor yang diformatkan ialah:' , formatNombor. kepadaTetap ( dua ) ) ;
Pengeluaran
Contoh 2: Formatkan Nombor dalam JavaScript Menggunakan Pembina Intl.NumberFormat().
' Intl.NumberFormat() ” pembina mencipta objek baharu yang membolehkan pemformatan nombor sensitif bahasa. Pendekatan ini boleh digunakan untuk memformat nombor yang diberikan berdasarkan mata wang yang ditentukan.
Pertama, nyatakan nombor yang akan diformatkan:
const formatNombor = 12345.67 ;Sekarang, gunakan ' Intl.NumberFormat() ' pendekatan untuk memformat nombor yang ditentukan berkenaan dengan ' AS ” mata wang dan paparkannya dengan sewajarnya:
biarkan numUpd = baru Antarabangsa. NumberFormat ( 'dalam kita' , { gaya : 'mata wang' , mata wang : 'DOLAR AMERIKA' } ) . format ( formatNombor ) ;konsol. log ( 'Mata wang yang diformatkan ialah:' , numUpd ) ;
Pengeluaran
' $ ” dengan nombor menunjukkan bahawa nombor yang disediakan diformatkan dalam “ AS ” mata wang.
Contoh 3: Formatkan Nombor dalam JavaScript Menggunakan Kaedah toLocaleString().
' toLocaleString() ” kaedah memberikan objek tarikh dalam bentuk rentetan. Kaedah ini boleh digunakan untuk memformat nombor ke dalam format bahasa yang ditentukan.
Sintaks
Tarikh . toLocaleString ( tempatan , pilihan )- “ tempatan ” rujuk kepada format bahasa tertentu.
- “ pilihan ” menunjuk pada objek yang sifatnya boleh diberikan.
Dalam contoh yang diberikan di bawah, peruntukkan nombor berikut kepada pembolehubah bernama “ formatNombor ”:
biarkan formatNumber = 7323452568.283 ;Sekarang, gunakan ' toLocaleString() ' kaedah, tentukan format bahasa sebagai ' dalam kita ” dalam parameternya, dan paparkan nombor terformat yang terhasil:
adalah kami = formatNombor. toLocaleString ( 'dalam kita' ) ;konsol. log ( 'Nombor yang diformatkan ialah:' , kami ) ;
Pengeluaran
Contoh 4: Formatkan Nombor dalam JavaScript Menggunakan Ungkapan Biasa
Pendekatan ini boleh digunakan bersama dengan ' menggantikan() ” kaedah untuk meletakkan koma antara nombor yang disediakan pada selang yang sama sebagai hasilnya.
Mula-mula, mulakan nombor berikut:
adalah formatNombor = 445567788 ;Sekarang, gunakan kaedah replace() bersama dengan ungkapan biasa. Ungkapan biasa di sini akan memperuntukkan “ koma ” kepada nilai yang dimulakan dengan membuat carian global dan mengembalikan nilai yang dipisahkan koma dengan itu memformatkan nombor yang ditentukan:
konsol. log ( 'Nombor yang diformatkan ialah:' , Tali ( formatNombor ) . menggantikan ( /(.)(?=(\d{3})+$)/g , '$1,' ) )Pengeluaran
Kami telah membuat kesimpulan pendekatan mudah untuk memformat nombor dalam JavaScript.
Kesimpulan
' toFixed() kaedah ', ' Intl.NumberFormat() 'pembina, ' toLocaleString() ' kaedah, atau ' ekspresi biasa ” boleh digunakan untuk memformat nombor dalam JavaScript. Kaedah pertama menghasilkan pemformatan nombor supaya tiada digit atau nombor tetap digit yang tinggal di dalamnya selepas titik perpuluhan. Pendekatan pembina Intl.NumberFormat() boleh digunakan untuk memformat nombor berdasarkan mata wang, dan kaedah toLocaleString() boleh dilaksanakan untuk memformat nombor yang ditentukan ke dalam format khusus bahasa. Teknik ungkapan biasa boleh digunakan untuk memformat nombor yang disediakan sedemikian rupa untuk mengembalikan nilai yang dipisahkan koma. Blog ini menunjukkan kaedah untuk memformat nombor tertentu dalam JavaScript.