Jak sformatować liczbę w JavaScript?

Jak sformatować liczbę w JavaScript?
W JavaScript, w przypadku problemów matematycznych, istnieją obliczenia dotyczące złożoności w przypadku długich cyfr, a zwłaszcza liczb pływających. W drugim przypadku, aby uzyskać konkretne obliczenia bardziej precyzyjne. W takim scenariuszu formatowanie liczby w JavaScript jest bardzo pomocne w zmniejszaniu ogólnej złożoności kodu, a także w precyzyjnych obliczeniach.

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:

  • "tofixed ()" Metoda.
  • "Intl.Format liczbowy()”Konstruktor.
  • "Tolocalestring ()" Metoda.
  • "Wyrażenie regularne"

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);
konsola.log („Sformatowana waluta to:”, numupd);

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)
  • "lokalizacje”Patrz format określonego języka.
  • "opcje”Wskazuje na obiekt, do którego można przypisać właściwości.

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”);
konsola.Log („Sformatowany numer to:”, 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.