Ovaj zapis će ilustrirati pristupe koji se mogu primijeniti za formatiranje broja u JavaScriptu.
Kako formatirati broj u JavaScriptu?
Sljedeći pristupi mogu se implementirati za formatiranje broja u JavaScriptu:
- “ toFixed() ” Metoda.
- “ Intl.NumberFormat() ” Konstruktor.
- “ toLocaleString() ” Metoda.
- “ Regularni izraz ”
Spomenuti pristupi sada će biti ilustrirani jedan po jedan!
Primjer 1: Formatirajte broj u JavaScriptu pomoću metode toFixed().
Ova se metoda može primijeniti za formatiranje navedenog broja na takav način da u njemu nema preostalih decimalnih točaka ili da nakon decimalne točke ostane fiksni broj znamenki.
Prvo navedite broj koji treba formatirati:
neka formatBroj = 12.345678 ;
Zatim primijenite ' toFixed() ” za formatiranje zadanog broja tako da u njemu ne ostanu znamenke nakon decimalne točke:
konzola. log ( 'Formatirani broj je:' , broj formata. toFixed ( ) ) ;U ovom koraku, na sličan način, primijenite istu metodu prosljeđivanjem ' dva ” u svom parametru. To će rezultirati formatiranjem broja na dva decimalna mjesta:
konzola. log ( 'Formatirani broj je:' , broj formata. toFixed ( dva ) ) ;
Izlaz
Primjer 2: Formatirajte broj u JavaScriptu pomoću konstruktora Intl.NumberFormat().
' Intl.NumberFormat() ” konstruktor stvara novi objekt koji omogućuje formatiranje broja osjetljivog na jezik. Ovaj se pristup može primijeniti za formatiranje danog broja na temelju navedene valute.
Prvo odredite broj koji treba formatirati:
konst broj formata = 12345.67 ;Sada primijenite ' Intl.NumberFormat() ' za formatiranje navedenog broja s obzirom na ' NAS ” valute i prikažite je u skladu s tim:
neka numUpd = novi Intl. NumberFormat ( 'u nama' , { stil : 'valuta' , valuta : 'USD' } ) . format ( broj formata ) ;konzola. log ( 'Formatirana valuta je:' , numUpd ) ;
Izlaz
' $ ” s brojem označava da je navedeni broj formatiran u “ NAS ” valuta.
Primjer 3: Formatirajte broj u JavaScriptu pomoću metode toLocaleString().
' toLocaleString() ” daje objekt datuma u obliku niza. Ova se metoda može primijeniti za formatiranje broja u navedeni jezični format.
Sintaksa
Datum . toLocaleString ( lokalni , opcije )- “ lokalni ” odnose se na određeni jezični format.
- “ opcije ” pokazuje na objekt kojem se mogu dodijeliti svojstva.
U donjem primjeru dodijelite sljedeći broj varijabli pod nazivom ' broj formata ”:
neka formatBroj = 7323452568.283 ;Sada primijenite ' toLocaleString() ', navedite format jezika kao ' u nama ” u svom parametru i prikazati rezultirajući formatirani broj:
bio je nas = broj formata. toLocaleString ( 'u nama' ) ;konzola. log ( 'Formatirani broj je:' , nas ) ;
Izlaz
Primjer 4: Formatirajte broj u JavaScriptu pomoću regularnog izraza
Ovaj pristup može se koristiti zajedno s ' zamijeniti() ” za postavljanje zareza između navedenih brojeva u istim intervalima kao rezultat.
Prvo inicijalizirajte sljedeći broj:
bio je broj formata = 445567788 ;Sada primijenite metodu replace() zajedno s regularnim izrazom. Regularni izraz ovdje će dodijeliti ' zarezima ” na inicijaliziranu vrijednost tako što ćete izvršiti globalno pretraživanje i vratiti vrijednosti odvojene zarezima čime ćete formatirati navedeni broj:
konzola. log ( 'Formatirani broj je:' , Niz ( broj formata ) . zamijeniti ( /(.)(?=(\d{3})+$)/g , '$1,' ) )Izlaz
Zaključili smo prikladne pristupe formatiranju broja u JavaScriptu.
Zaključak
' toFixed() ' metoda, ' Intl.NumberFormat() ' konstruktor, ' toLocaleString() ' metoda ili ' regularni izraz ” može se koristiti za formatiranje broja u JavaScriptu. Prva metoda rezultira formatiranjem broja tako da u njemu nema preostalih znamenki ili fiksnog broja znamenki nakon decimalne točke. Pristup konstruktora Intl.NumberFormat() može se primijeniti za formatiranje broja na temelju valute, a metoda toLocaleString() može se implementirati za formatiranje navedenog broja u format specifičan za jezik. Tehnika regularnog izraza može se primijeniti za formatiranje navedenog broja na takav način da vrati vrijednosti odvojene zarezima. Ovaj blog demonstrira metode za formatiranje određenog broja u JavaScriptu.