Tento zápis bude ilustrovat přístupy, které lze implementovat pro formátování čísla v JavaScriptu.
Jak formátovat číslo v JavaScriptu?
K formátování čísla v JavaScriptu lze implementovat následující přístupy:
- “ toFixed() 'Metoda.'
- “ Intl.NumberFormat() 'Konstruktér.'
- “ toLocaleString() 'Metoda.'
- “ Regulární výraz “
Uvedené přístupy budou nyní jeden po druhém ilustrovány!
Příklad 1: Formátování čísla v JavaScriptu pomocí metody toFixed().
Tuto metodu lze použít pro formátování poskytnutého čísla tak, aby v něm nezůstaly žádné desetinné čárky nebo v něm za desetinnou čárkou zůstal pevný počet číslic.
Nejprve zadejte číslo, které se má formátovat:
nech formatNumber = 12,345678 ;
Dále použijte „ toFixed() ” způsob formátování daného čísla tak, aby v něm za desetinnou čárkou nezůstaly žádné číslice:
řídicí panel. log ( 'Formátované číslo je:' , formatNumber. na Opraveno ( ) ) ;V tomto kroku obdobně použijte stejnou metodu předáním „ dva “ ve svém parametru. Výsledkem bude formátování čísla na dvě desetinná místa:
řídicí panel. log ( 'Formátované číslo je:' , formatNumber. na Opraveno ( dva ) ) ;
Výstup
Příklad 2: Formátování čísla v JavaScriptu pomocí konstruktoru Intl.NumberFormat().
' Intl.NumberFormat() ” konstruktor vytvoří nový objekt, který umožňuje formátování čísla citlivého na jazyk. Tento přístup lze použít pro formátování daného čísla na základě zadané měny.
Nejprve zadejte číslo, které se má formátovat:
konst formatNumber = 12345,67 ;Nyní použijte „ Intl.NumberFormat() ” přístup k formátování zadaného čísla s ohledem na “ NÁS ” měnu a zobrazte ji podle toho:
nechte numUpd = Nový Intl. Formát čísel ( 'v nás' , { styl : 'měna' , měna : 'AMERICKÝ DOLAR' } ) . formát ( formatNumber ) ;řídicí panel. log ( 'Formátovaná měna je:' , numUpd ) ;
Výstup
' $ “ s číslem znamená, že poskytnuté číslo je ve formátu “ NÁS “měna.
Příklad 3: Formátování čísla v JavaScriptu pomocí metody toLocaleString().
' toLocaleString() ” poskytuje objekt data ve formě řetězce. Tuto metodu lze použít k formátování čísla do zadaného jazykového formátu.
Syntax
datum . toLocaleString ( místní , možnosti )- “ místní ” odkazují na konkrétní jazykový formát.
- “ možnosti “ ukazuje na objekt, kterému lze vlastnosti přiřadit.
V níže uvedeném příkladu přidělte následující číslo proměnné s názvem „ formatNumber “:
nech formatNumber = 7323452568,283 ;Nyní použijte „ toLocaleString() “, zadejte formát jazyka jako “ v nás ” ve svém parametru a zobrazí výsledné formátované číslo:
byl nás = formatNumber. toLocaleString ( 'v nás' ) ;řídicí panel. log ( 'Formátované číslo je:' , nás ) ;
Výstup
Příklad 4: Formátování čísla v JavaScriptu pomocí regulárního výrazu
Tento přístup lze použít společně s „ nahradit() ” pro umístění čárek mezi poskytnutá čísla ve stejných intervalech.
Nejprve inicializujte následující číslo:
byl formatNumber = 445567788 ;Nyní použijte metodu replace() spolu s regulárním výrazem. Regulární výraz zde přidělí „ čárky ” na inicializovanou hodnotu provedením globálního vyhledávání a vraťte hodnoty oddělené čárkami, čímž zformátujete zadané číslo:
řídicí panel. log ( 'Formátované číslo je:' , Tětiva ( formatNumber ) . nahradit ( /(.)(?=(\d{3})+$)/g , '$1,' ) )Výstup
Uzavřeli jsme pohodlné přístupy k formátování čísla v JavaScriptu.
Závěr
' toFixed() “ metoda, “ Intl.NumberFormat() 'konstruktor', ' toLocaleString() metoda “, nebo “ regulární výraz ” lze použít k formátování čísla v JavaScriptu. První metoda vede k formátování čísla tak, aby v něm za desetinnou čárkou nezůstaly žádné číslice nebo pevný počet číslic. Přístup konstruktoru Intl.NumberFormat() lze použít k formátování čísla na základě měny a metodu toLocaleString() lze implementovat k formátování zadaného čísla do formátu specifického pro daný jazyk. Techniku regulárních výrazů lze použít k formátování poskytnutého čísla tak, aby vrátil hodnoty oddělené čárkami. Tento blog demonstroval metody formátování zadaného čísla v JavaScriptu.