Jak sformatować liczbę z przecinkami jako tysiąc separatorów?
Podczas wykonywania konwersji w JavaScript może istnieć wymaganie zastosowania go w określony sposób. Na przykład oznaczanie złożonej liczby, tak że łatwo jest to zrozumieć. W takich scenariuszach sformatowanie liczby z przecinkami jako tysiąc separatorów w JavaScript pomaga w skutecznym wyniku i analizie wynikającego wyniku.
Ten blog przedstawi podejście do sformatowania liczby z przecinkami jako tysiąc separatorów w JavaScript.
Jak sformatować/skonfigurować liczbę w JavaScript z przecinkami jako tysiąc separatorów?
Do formatowania/konfigurowania liczby z przecinkami jako tysiąc separatorów w JavaScript, rozważ następujące podejścia:
- "Tolocalestring ()" metoda.
- "format()”Metoda i„Format liczbowy()”Konstruktor.
- "zastępować()”Metoda i„Wyrażenie regularne" wzór.
Metoda 1: Sformatuj/konfiguruj liczbę z przecinkami jako tysiące separatora przy użyciu metody Tolocalestring () w JavaScript
„„Tolocalestring ()„Metoda podaje obiekt daty w formie ciągu. Ta metoda służy do sformatowania liczby na podstawie określonego formatu języka.
Składnia
dokument.Tolocalestring (lokalizacje, opcje)
W tej składni:
- "lokalizacje”Odnosi się do formatu języka, którego należy użyć.
- "opcje”To obiekt, w którym można ustawić właściwości.
Przykład
Przejrzyjmy poniżej podanego przykładu:
W powyższych liniach kodu.
- Najpierw przechowuj numer w zmiennej o nazwie „N".
- W następnym kroku zastosuj „Tolocalestring ()„Metoda i przypisz format języka jako„en-US" .
- W rezultacie wyświetli określoną liczbę w określonym formacie oddzielonym przecinkiem.
Wyjście
W wyjściu można zauważyć, że przecinki są zawarte w dostarczonej liczbie na podstawie określonego formatu.
Metoda 2: Format/Konfiguruj liczbę z przecinkami jako tysiące separatora metodą Format () i INTL.NumberFormat () Konstruktor w JavaScript
„„format()„Metoda podaje ciąg sformatowany na podstawie parametrów podanych w„Intl”I„ „Intl.Format liczbowy()„Konstruktor tworzy INTL.Obiekty NumberFormat, które konfigurują wrażliwe na język formatowanie liczb. Podejścia te można wykorzystać do sformatowania podanego numeru opartego na określonym formacie języka.
Składnia
Intl.NumberFormat (lokalizacje, opcje)
W powyższej składni:
- "lokalizacje”Odnosi się do konkretnego formatu języka.
- "opcje”Odpowiadają obiektowi zawierającemu właściwości.
Przykład
Rzućmy okiem na podszedł poniżej przykład:
Tutaj:
- W kodzie HTML dołącz nagłówek, który wyświetli sformatowany numer.
- W kodzie JS wprowadź numer od użytkownika, który musi być sformatowany za pośrednictwem montażu.
- W następnym kroku zastosuj „Format liczbowy()„Konstruktor, aby utworzyć obiekt o podanym formacie języka, i.mi., (en-us)
- Następnie zastosuj „format()„Metoda, która zwraca wynikową liczbę na podstawie określonego formatu.
- Wreszcie, dostęp do dołączonego nagłówka za pomocą „getElementById ()”Metoda i wyświetl wynik przez kierowanie za pomocą„InnerHtml" nieruchomość.
Wyjście
Można zauważyć, że liczba zdefiniowana przez użytkownika jest sformatowana na podstawie określonego formatu języka.
Metoda 3: Sformatuj liczbę z przecinkami jako tysiące separatorów w JavaScript za pomocą metody zastępczej () i wzoru wyrażenia regularnego
„„zastępować()„Metoda przeszukuje określony ciąg wartości i zastępuje ją nową wartością i„Wyrażenie regularne„Wzorzec dokonuje globalnego wyszukiwania w oparciu o warunek jako jego parametr. Podejścia te można zastosować do wyszukiwania cyfr na całym świecie i umieszczenia przecinków w określonych indeksach.
Składnia
strunowy.Wymień (SearchValue, newValue)
W powyższej składni:
- "Wartość wyszukiwania”Odnosi się do wartości, którą należy przeszukać.
- "Nowa wartość”Odpowiada wartości, którą należy wymienić.
Wzór regularnego „/\ b (?= (/d 3)+(?!\ d))/g ”dla globalnego wyszukiwania
- "/… /G”: Umożliwia tworzenie wyrażenia regularnego, które pasuje do każdej instancji wzoru.
- "\B”: Oznacza to, że pierwszy numer w ciągu nie pasuje.
- "(?= (…))”: Zapewnia analizę przyszłościową.
- "(/d 3)”: Uchwyca trzy cyfry.
- "(?!\D)”: Wygląda wsteczny i odpowiada czegoś, co nie jest opowiadane.
Przykład
Przejdźmy przez podany przykład:
W powyższym fragmencie kodu:
- Po pierwsze, dołącz „„Tag, aby określić etykietę.
- W następnym kroku dołącz „„Element, który podejmie dane wejściowe jako„liczby" tylko.
- Utwórz także przycisk z załączonym „na kliknięcie„Wydarzenie, aby wywołać funkcję o nazwie„myFunction ()".
- Dodano „”Określono znacznik zawierający wynikowy wynik.
- W kodzie JavaScript zadeklaruj funkcję o nazwie „myFunction ()".
- W definicji funkcji uzyskaj dostęp do przydzielonych „wejście„Pole za pośrednictwem„getElementById ()" metoda.
- Następnie zastosuj „zastępować()”Metoda wraz z wzorem wyrażenia regularnego w celu sformatowania/skonfigurowania określonej liczby z przecinkami po trzech miejscach.
- Wreszcie dostęp do „”Tag po„ID" używając "getElementById ()”Metoda i dołącz do tego wynikowy wynik.
Wyjście
W tym konkretnym wyjściu widać, że wyrażenie regularne weszło w życie prawidłowo, a liczba jest sformatowana za pomocą przecinków co tysiąc wystąpień.
Wniosek
Do formatowania/konfigurowania liczby z przecinkami jako tysiąc separatorów za pomocą JavaScript, użyj „Tolocalestring ()„Metoda,„format()„Metoda z„Intl.Format liczbowy() ”Konstruktor lub„zastępować()„Metoda z„Wyrażenie regularne" wzór. Pierwsze dwa podejścia po prostu sformatują podany numer i numer zdefiniowany przez użytkownika na podstawie konkretnego formatu języka. Ostatnie podejście globalnie szuka wartości i zastępuje ją na podstawie wzoru wyrażenia regularnego. W tym artykule omówiono podejścia do formatowania/konfigurowania liczby z przecinkami jako tysiąc separatorów za pomocą JavaScript.