Acest articol va ilustra abordările care pot fi implementate pentru a formata un număr în JavaScript.
Cum se formatează un număr în JavaScript?
Următoarele abordări pot fi implementate pentru a formata un număr în JavaScript:
- „ toFixed() ” Metoda.
- „ Intl.NumberFormat() ” Constructor.
- „ toLocaleString() ” Metoda.
- „ Expresie uzuala ”
Abordările menționate vor fi acum ilustrate una câte una!
Exemplul 1: Formatați un număr în JavaScript folosind metoda toFixed().
Această metodă poate fi aplicată pentru a formata numărul furnizat în așa fel încât să nu rămână puncte zecimale în el sau să rămână un număr fix de cifre după virgulă.
Mai întâi, specificați numărul de formatat:
lasă formatNumber = 12,345678 ;
Apoi, aplicați „ toFixed() ” pentru a formata numărul dat astfel încât să nu rămână cifre după virgulă zecimală:
consolă. Buturuga ( „Numărul formatat este:” , formatNumber. la Fixat ( ) ) ;În acest pas, în mod similar, aplicați aceeași metodă prin trecerea „ Două ” în parametrul său. Acest lucru va avea ca rezultat formatarea unui număr cu două zecimale:
consolă. Buturuga ( „Numărul formatat este:” , formatNumber. la Fixat ( Două ) ) ;
Ieșire
Exemplul 2: Formatați un număr în JavaScript utilizând constructorul Intl.NumberFormat().
„ Intl.NumberFormat() ” constructor creează un nou obiect care permite formatarea unui număr sensibil la limbaj. Această abordare poate fi aplicată pentru a formata numărul dat pe baza monedei specificate.
Mai întâi, specificați numărul de formatat:
const formatNumber = 12345,67 ;Acum, aplicați „ Intl.NumberFormat() ” pentru a formata numărul specificat în raport cu „ S.U.A. ” moneda și afișați-o în consecință:
lasă numUpd = nou Intl. NumberFormat ( 'in noi' , { stil : 'valută' , valută : 'USD' } ) . format ( formatNumber ) ;consolă. Buturuga ( „Moneda formatată este:” , numUpd ) ;
Ieșire
„ $ ” cu numărul indică faptul că numărul furnizat este formatat în „ S.U.A. ” valută.
Exemplul 3: Formatați un număr în JavaScript folosind metoda toLocaleString().
„ toLocaleString() ” Metoda oferă un obiect dată sub forma unui șir. Această metodă poate fi aplicată pentru a formata un număr în formatul de limbă specificat.
Sintaxă
Data . toLocaleString ( local , Opțiuni )- „ local ” se referă la formatul specific al limbii.
- „ Opțiuni ” indică obiectul căruia i se pot atribui proprietățile.
În exemplul de mai jos, alocați următorul număr variabilei numite „ formatNumber ”:
lasă formatNumber = 7323452568.283 ;Acum, aplicați „ toLocaleString() ”, specificați formatul limbii ca „ in noi ” în parametrul său și afișați numărul formatat rezultat:
a fost ne = formatNumber. toLocaleString ( 'in noi' ) ;consolă. Buturuga ( „Numărul formatat este:” , ne ) ;
Ieșire
Exemplul 4: Formatați un număr în JavaScript folosind expresia regulată
Această abordare poate fi utilizată împreună cu „ a inlocui() ” metoda de a plasa virgulele între numerele furnizate la aceleași intervale ca rezultat.
Mai întâi, inițializați următorul număr:
a fost formatNumber = 445567788 ;Acum, aplicați metoda replace() împreună cu expresia regulată. Expresia regulată de aici va aloca „ virgule ” la valoarea inițializată făcând o căutare globală și returnând valorile separate prin virgulă, formatând astfel numărul specificat:
consolă. Buturuga ( „Numărul formatat este:” , Şir ( formatNumber ) . a inlocui ( /(.)(?=(\d{3})+$)/g , „$1,” ) )Ieșire
Am ajuns la concluzia abordărilor convenabile de a formata un număr în JavaScript.
Concluzie
„ toFixed() „, metoda „ Intl.NumberFormat() ' constructor, ' toLocaleString() ” sau metoda “ expresie uzuala ” poate fi utilizat pentru a formata un număr în JavaScript. Prima metodă are ca rezultat formatarea numărului astfel încât să nu mai rămână cifre sau un număr fix de cifre după virgulă. Abordarea constructorului Intl.NumberFormat() poate fi aplicată pentru a formata un număr bazat pe monedă, iar metoda toLocaleString() poate fi implementată pentru a formata numărul specificat în format specific limbii. Tehnica expresiei regulate poate fi aplicată pentru a formata numărul furnizat astfel încât să returneze valorile separate prin virgulă. Acest blog a demonstrat metodele de formatare a unui număr specificat în JavaScript.