Tento zápis ilustruje prístupy, ktoré možno implementovať na formátovanie čísla v JavaScripte.
Ako naformátovať číslo v JavaScripte?
Na formátovanie čísla v JavaScripte možno implementovať nasledujúce prístupy:
- “ toFixed() “Metóda.
- “ Intl.NumberFormat() 'Konštruktér.'
- “ toLocaleString() “Metóda.
- “ Regulárny výraz “
Spomínané prístupy budú teraz ilustrované jeden po druhom!
Príklad 1: Formátovanie čísla v JavaScripte pomocou metódy toFixed().
Túto metódu možno použiť na formátovanie poskytnutého čísla tak, aby v ňom nezostali žiadne desatinné čiarky alebo v ňom za desatinnou čiarkou zostal pevný počet číslic.
Najprv zadajte číslo, ktoré sa má formátovať:
nech formatNumber = 12,345678 ;
Ďalej použite „ toFixed() ” metóda na formátovanie daného čísla tak, aby v ňom za desatinnou čiarkou nezostali žiadne číslice:
konzoly. log ( 'Formátované číslo je:' , formatNumber. na Opravené ( ) ) ;V tomto kroku podobne použite rovnakú metódu odovzdaním „ dva “ vo svojom parametri. Výsledkom bude formátovanie čísla na dve desatinné miesta:
konzoly. log ( 'Formátované číslo je:' , formatNumber. na Opravené ( dva ) ) ;
Výkon
Príklad 2: Formátovanie čísla v JavaScripte pomocou konštruktora Intl.NumberFormat().
' Intl.NumberFormat() ” vytvára nový objekt, ktorý umožňuje formátovanie čísla citlivého na jazyk. Tento prístup možno použiť na formátovanie daného čísla na základe zadanej meny.
Najprv zadajte číslo, ktoré sa má formátovať:
konšt formatNumber = 12345,67 ;Teraz použite „ Intl.NumberFormat() ” prístup k formátovaniu určeného čísla vzhľadom na “ USA ” menu a zobrazte ho podľa toho:
nechajte numUpd = Nový Intl. Formát čísla ( 'v nás' , { štýl : 'mena' , mena : 'AMERICKÝ DOLÁR' } ) . formát ( formatNumber ) ;konzoly. log ( 'Formátovaná mena je:' , numUpd ) ;
Výkon
' $ “ s číslom znamená, že poskytnuté číslo je vo formáte “ USA “mena.
Príklad 3: Formátovanie čísla v JavaScripte pomocou metódy toLocaleString().
' toLocaleString() ” dáva objekt dátumu vo forme reťazca. Túto metódu možno použiť na formátovanie čísla do zadaného jazykového formátu.
Syntax
Dátum . toLocaleString ( miestne , možnosti )- “ miestne ” označujú konkrétny jazykový formát.
- “ možnosti “ ukazuje na objekt, ktorému možno priradiť vlastnosti.
V nižšie uvedenom príklade priraďte nasledujúce číslo premennej s názvom „ formatNumber “:
nech formatNumber = 7323452568,283 ;Teraz použite „ toLocaleString() “, špecifikujte jazykový formát ako “ v nás ” vo svojom parametri a zobrazí výsledné formátované číslo:
bol nás = formatNumber. toLocaleString ( 'v nás' ) ;konzoly. log ( 'Formátované číslo je:' , nás ) ;
Výkon
Príklad 4: Formátovanie čísla v JavaScripte pomocou regulárneho výrazu
Tento prístup je možné použiť spolu s „ nahradiť () ” na umiestnenie čiarok medzi poskytnuté čísla v rovnakých intervaloch.
Najprv inicializujte nasledujúce číslo:
bol formatNumber = 445567788 ;Teraz použite metódu replace() spolu s regulárnym výrazom. Regulárny výraz tu pridelí „ čiarky ” na inicializovanú hodnotu vykonaním globálneho vyhľadávania a vráti hodnoty oddelené čiarkami, čím naformátuje zadané číslo:
konzoly. log ( 'Formátované číslo je:' , Reťazec ( formatNumber ) . nahradiť ( /(.)(?=(\d{3})+$)/g , '$1,' ) )Výkon
Dohodli sme sa na pohodlných prístupoch k formátovaniu čísla v JavaScripte.
Záver
' toFixed() “ metóda, “ Intl.NumberFormat() 'konštruktor', ' toLocaleString() “ alebo “ regulárny výraz ” možno použiť na formátovanie čísla v JavaScripte. Prvá metóda vedie k formátovaniu čísla tak, aby v ňom za desatinnou čiarkou nezostali žiadne číslice alebo v ňom zostal pevný počet číslic. Prístup konštruktora Intl.NumberFormat() možno použiť na formátovanie čísla na základe meny a metódu toLocaleString() možno implementovať na formátovanie špecifikovaného čísla do formátu špecifického pre daný jazyk. Techniku regulárneho výrazu možno použiť na formátovanie poskytnutého čísla takým spôsobom, aby sa vrátili hodnoty oddelené čiarkou. Tento blog demonštroval metódy na formátovanie určeného čísla v JavaScripte.