Šis raksts ilustrēs pieejas, ko var ieviest, lai formatētu skaitli JavaScript.
Kā formatēt numuru JavaScript?
Lai formatētu skaitli JavaScript valodā, var ieviest šādas pieejas:
- ' to Fixed() ” Metode.
- ' Intl.NumberFormat() ” Konstruktors.
- ' toLocaleString() ” Metode.
- ' Regulāra izteiksme ”
Minētās pieejas tagad tiks ilustrētas pa vienai!
1. piemērs. Formatējiet numuru JavaScript, izmantojot metodi toFixed().
Šo metodi var pielietot, lai formatētu norādīto skaitli tā, lai tajā nepaliktu aiz komata vai arī pēc komata tiktu atstāts noteikts ciparu skaits.
Vispirms norādiet formatējamo numuru:
ļauj formatNumber = 12.345678 ;
Pēc tam izmantojiet “ to Fixed() ” metodi, lai formatētu doto skaitli tā, lai pēc komata tajā nepaliktu cipari:
konsole. žurnāls ( 'Formatētais numurs ir:' , formatNumber. uz Fiksēts ( ) ) ;Šajā darbībā līdzīgi izmantojiet to pašu metodi, nododot ' divi ” savā parametrā. Tā rezultātā skaitlis tiks formatēts līdz divām zīmēm aiz komata:
konsole. žurnāls ( 'Formatētais numurs ir:' , formatNumber. uz Fiksēts ( divi ) ) ;
Izvade
2. piemērs. Formatējiet skaitli JavaScript, izmantojot konstruktoru Intl.NumberFormat().
' Intl.NumberFormat() ” konstruktors izveido jaunu objektu, kas ļauj formatēt valodu jutīgu numuru. Šo pieeju var izmantot, lai formatētu doto numuru, pamatojoties uz norādīto valūtu.
Pirmkārt, norādiet formatējamo numuru:
konst formatNumber = 12345,67 ;Tagad izmantojiet “ Intl.NumberFormat() ” pieeja, lai formatētu norādīto numuru attiecībā pret “ ASV ” valūtu un attiecīgi parādiet to:
ļaujiet numUpd = jauns Intl. Skaitļa formāts ( 'ASV' , { stils : 'valūta' , valūta : 'USD' } ) . formātā ( formatNumber ) ;konsole. žurnāls ( 'Formatētā valūta ir:' , numUpd ) ;
Izvade
' $ ' ar numuru norāda, ka norādītais numurs ir formatēts ' ASV ” valūta.
3. piemērs. Formatējiet skaitli JavaScript, izmantojot metodi toLocaleString().
' toLocaleString() ” metode dod datuma objektu virknes formā. Šo metodi var izmantot, lai formatētu numuru norādītajā valodas formātā.
Sintakse
Datums . toLocaleString ( vietējā , iespējas )- ' vietējā ” attiecas uz konkrēto valodas formātu.
- ' iespējas ” norāda uz objektu, kuram var piešķirt rekvizītus.
Tālāk sniegtajā piemērā mainīgajam ar nosaukumu “ formatNumber ”:
ļauj formatNumber = 7323452568.283 ;Tagad izmantojiet ' toLocaleString() ' metodi, norādiet valodas formātu kā ' ASV ” savā parametrā un parādīt iegūto formatēto skaitli:
bija mums = formatNumber. toLocaleString ( 'ASV' ) ;konsole. žurnāls ( 'Formatētais numurs ir:' , mums ) ;
Izvade
4. piemērs. Formatējiet skaitli JavaScript, izmantojot regulāro izteiksmi
Šo pieeju var izmantot kopā ar ' aizvietot() ” metodi, kā rezultātā ievietot komatus starp norādītajiem skaitļiem ar vienādiem intervāliem.
Vispirms inicializējiet šādu numuru:
bija formatNumber = 445567788 ;Tagad izmantojiet aizvietošanas () metodi kopā ar regulāro izteiksmi. Regulārā izteiksme šeit piešķirs ' komatiem ” uz inicializēto vērtību, veicot globālu meklēšanu, un atgriež ar komatu atdalītās vērtības, tādējādi formatējot norādīto skaitli:
konsole. žurnāls ( 'Formatētais numurs ir:' , Stīga ( formatNumber ) . aizvietot ( /(.)(?=(\d{3})+$)/g , '$1,' ) )Izvade
Mēs esam noslēguši ērtās pieejas skaitļa formatēšanai JavaScript.
Secinājums
' to Fixed() ' metode, ' Intl.NumberFormat() 'konstruktors, ' toLocaleString() ” metode vai „ regulāra izteiksme ” var izmantot, lai formatētu skaitli JavaScript. Pirmās metodes rezultātā skaitlis tiek formatēts tā, lai pēc komata tajā nebūtu palicis neviens cipars vai fiksēts ciparu skaits. Konstruktora Intl.NumberFormat() pieeju var izmantot, lai formatētu skaitli, pamatojoties uz valūtu, un toLocaleString() metodi var ieviest, lai formatētu norādīto skaitli valodas specifiskajā formātā. Regulārās izteiksmes paņēmienu var izmantot, lai formatētu norādīto skaitli tādā veidā, lai atgrieztu ar komatu atdalītās vērtības. Šis emuārs demonstrēja metodes, kā formatēt noteiktu skaitli JavaScript.