Ten zapis ilustruje podejścia, które można wdrożyć w celu sformatowania liczby w JavaScript.
Jak sformatować liczbę w JavaScript?
Następujące podejścia można wdrożyć w celu sformatowania liczby w JavaScript:
Wspomniane podejścia zostaną teraz zilustrowane jeden po drugim!
Przykład 1: Sformatuj liczbę w JavaScript przy użyciu metody Tofixed ()
Metodę tę można zastosować w celu sformatowania dostarczonej liczby w taki sposób, że po punkcie dziesiętnym pozostało w niej nie ma w nim żadnych punktów dziesiętnych lub stałej liczby cyfr.
Najpierw określ liczbę do sformatowania:
Niech formatNumber = 12.345678;Następnie zastosuj „tofixed ()”Metoda sformatowania podanej liczby tak, że po punkcie dziesiętnym nie pozostało w niej żadnych cyfr:
konsola.Log („Sformatowany numer to:”, formatNumber.tofixed ());Podobnie na tym etapie zastosuj tę samą metodę, przekazując „2”W swoim parametrze. Spowoduje to sformatowanie liczby do dwóch miejsc po przecinku:
konsola.Log („Sformatowany numer to:”, formatNumber.tofixed (2));Wyjście
Przykład 2: Sformatuj liczbę w JavaScript za pomocą INTL.NumberFormat () konstruktor
„„Intl.Format liczbowy()”Konstruktor tworzy nowy obiekt, który umożliwia formatowanie liczby wrażliwych na język. Takie podejście można zastosować w celu sformatowania podanej liczby na podstawie określonej waluty.
Najpierw określ liczbę, która ma zostać sformatowana:
const FormatNumber = 12345.67;Teraz zastosuj „Intl.Format liczbowy()„Podejście do sformatowania określonej liczby w odniesieniu do„NAS„Waluta i wyświetl ją odpowiednio:
pozwól numupd = new INTL.NumberFormat („en-us”, style: „waluta”, waluta: „USD”).format (formatNumber);Wyjście
„„$”Z liczbą wskazuje, że podany numer jest sformatowany w„NAS" waluta.
Przykład 3: Sformatuj liczbę w JavaScript za pomocą metody TolocaleString ()
„„Tolocalestring ()„Metoda daje obiekt daty w postaci ciągu. Tę metodę można zastosować do formatu liczby w określonym formacie języka.
Składnia
Data.Tolocalestring (lokalizacje, opcje)W poniższym przykładzie przydziel następujący numer do zmiennej o nazwie „liczba formatów”:
Niech formatNumber = 7323452568.283;Teraz zastosuj „Tolocalestring ()„Metoda, określ format języka jako„en-US”W swoim parametrze i wyświetl wynikowy sformatowany numer:
var us = formatnumber.Tolocalestring („en-us”);Wyjście
Przykład 4: Sformatuj liczbę w JavaScript za pomocą wyrażenia regularnego
Takie podejście można wykorzystać wraz z „zastępować()”Metoda umieszczania przecinków między dostarczonymi liczbami w tych samych odstępach czasu.
Najpierw zainicjuj następujący numer:
var formatNumber = 445567788;Teraz zastosuj metodę zastąpi () wraz z wyrażeniem regularnym. Wyrażenie regularne tutaj przeznaczy się „przecinki”Do zainicjowanej wartości poprzez wykonywanie globalnego wyszukiwania i zwracanie wartości oddzielonych przecinkami, sformatując w ten sposób określony numer:
konsola.Log („Sformatowany numer to:”, String (FormatNumber).zastępować(/(.) (?= (\ d 3)+$)/g, '$ 1,'))Wyjście
Dokonaliśmy wygodnych podejść do sformatowania liczby w JavaScript.
Wniosek
„„tofixed ()„Metoda,„Intl.Format liczbowy()”Konstruktor,„Tolocalestring ()„Metoda lub„Wyrażenie regularne”Można użyć do sformatowania liczby w JavaScript. Pierwsza metoda powoduje sformatowanie liczby tak, że po punkcie dziesiętnym pozostały cyfry lub stała liczba cyfr. INTL.NumberFormat () Podejście konstruktora można zastosować w celu sformatowania liczby opartej na walucie, a metodę TolocaleString () można wdrożyć w celu sformatowania określonego numeru w formacie specyficznym dla języka. Technikę ekspresji regularnej można zastosować w celu sformatowania dostarczonej liczby w taki sposób, aby zwrócić wartości oddzielone przecinkami. Ten blog wykazał metody sformatowania określonego numeru w JavaScript.