So formatieren Sie eine Zahl mit Kommas als tausend Separatoren?
Während der Durchführung von Conversions in JavaScript kann es eine Anforderung bestehen, diese auf eine bestimmte Weise anzuwenden. Zum Beispiel eine komplexe Zahl so, dass sie leicht verständlich ist. In solchen Szenarien hilft die Formatierung einer Zahl mit Kommas als tausend Separatoren in JavaScript bei der effektiven Zählung und Analyse des resultierenden Ergebnisses.
In diesem Blog werden die Ansätze angegeben, um eine Zahl mit Kommas als tausend Separatoren in JavaScript zu formatieren.
So formatieren/konfigurieren Sie eine Zahl in JavaScript mit Kommas als tausend Separatoren?
Betrachten Sie die folgenden Ansätze, um eine Zahl mit Kommas als tausend Separatoren in JavaScript zu formatieren/zu konfigurieren:
- “Tolocalestring ()" Methode.
- “Format()Methode und “Zahlenformat()" Konstrukteur.
- “ersetzen()Methode und “Regulären Ausdruck" Muster.
Methode 1: Format/Konfiguration einer Zahl mit Kommas als Tausenden -Separator unter Verwendung der Methode Tolocalestring () in JavaScript
Der "Tolocalestring ()Die Methode gibt ein Datumsobjekt in String -Formular an. Diese Methode wird verwendet, um eine Nummer basierend auf dem angegebenen Sprachformat zu formatieren.
Syntax
dokumentieren.Tolocalestring (Orte, Optionen)
In dieser Syntax:
- “Orte”Bezieht sich auf das Sprachformat, das verwendet werden muss.
- “OptionenIst ein Objekt, bei dem die Eigenschaften festgelegt werden können.
Beispiel
Lassen Sie uns das untergeordnete Beispiel durchlaufen:
In den obigen Codesteilen.
- Speichern Sie zunächst die Nummer in der benannten Variablen “N”.
- Wenden Sie im nächsten Schritt die anTolocalestring ()Methode und zuweisen und das Sprachformat als "zuweisen"en-us” .
- Dies wird die angegebene Zahl im angegebenen von Commas getrennt angegebenen Format darstellen.
Ausgang
In der Ausgabe ist ersichtlich, dass die Kommas in der angegebenen Nummer auf der Grundlage des angegebenen Formats enthalten sind.
Methode 2: Format/Konfiguration einer Zahl mit Kommas als Tausenden -Separator über Format () Methode und INTL.NumberFormat () Konstruktor in JavaScript
Der "Format()„Methode gibt eine Zeichenfolge an, die basierend auf Parametern in der“ formatiert wirdIntl" und das "Intl.Zahlenformat()Der Konstruktor erstellt die INTL.NumberFormat-Objekte, die die sprachempfindliche Formatierung konfigurieren. Diese Ansätze können verwendet werden, um die bereitgestellte Nummer basierend auf einem bestimmten Sprachformat zu formatieren.
Syntax
Intl.NumberFormat (Orte, Optionen)
In der oben gegebenen Syntax:
- “Orte”Bezieht sich auf das spezifische Format der Sprache.
- “OptionenEntsprechen dem Objekt, das die Eigenschaften umfasst.
Beispiel
Schauen wir uns das unterbewertete Beispiel an:
Hier:
- Fügen Sie im HTML -Code eine Überschrift hinzu, die die formatierte Nummer anzeigt.
- Geben Sie im JS -Code die Nummer vom Benutzer ein, der über die Eingabeaufforderung formatiert werden muss.
- Wenden Sie im nächsten Schritt die anZahlenformat()Konstruktor, um ein Objekt mit dem angegebenen Sprachformat zu erstellen, ich.e., (en-us)
- Danach anwenden Sie die “Format()Methode, die die resultierende Nummer basierend auf dem angegebenen Format zurückgibt.
- Zuletzt Zugang zu den mitgelieferten Überschrift mit der “GetElementById ()Methode und Zeigen Sie das Ergebnis über die Überschrift mit der “anInnerhtml" Eigentum.
Ausgang
Es kann beobachtet werden, dass die benutzerdefinierte Zahl basierend auf dem angegebenen Sprachformat formatiert wird.
Methode 3: Formatieren Sie eine Zahl mit Kommas als Tausenden -Separator in JavaScript mit Ersatz () Methode und regulärem Expressionsmuster
Der "ersetzen()Methode durchsucht eine bestimmte Zeichenfolge nach dem Wert und ersetzt ihn durch den neuen Wert und die “Regulären AusdruckMuster führt eine globale Suche durch, basierend auf der Bedingung als Parameter. Diese Ansätze können weltweit nach den Ziffern suchen und die Kommas in den angegebenen Indizes platzieren.
Syntax
Saite.ersetzen (SearchValue, NewValue)
In der obigen Syntax:
- “SearchValue”Bezieht sich auf den Wert, der durchsucht werden muss.
- “neuer WertEntspricht dem Wert, der ersetzt werden muss.
Regex -Muster “/\ b (?= (/d 3)+(?!\ d))/g ”für die globale Suche
- “/… /G”: Es ermöglicht die Erstellung eines regulären Ausdrucks, der zu jeder Instanz eines Musters entspricht.
- “\B”: Es bedeutet, dass die erste Nummer in der Zeichenfolge nicht übereinstimmt.
- “(?= (…)): Es bietet eine zukunftsgerichtete Analyse.
- “(/d 3)”: Es erfasst drei Ziffern.
- “(?!\D)”: Es macht einen rückwärts gerichteten Look und entspricht etwas, das nicht digitiert ist.
Beispiel
Lassen Sie uns das untergegebene Beispiel durchlaufen:
Im obigen Code -Snippet:
- Zunächst einschließen die “”Tag, um ein Etikett anzugeben.
- Fügen Sie im nächsten Schritt eine auf "ein"Element, das die Eingabe als "annimmt"Zahlen" nur.
- Erstellen Sie auch eine Schaltfläche mit einem Anhang “ONCLICK"Ereignis, um die benannte Funktion aufzurufen"myfunction ()”.
- Die hinzugefügte “Das Tag wird angegeben, um das resultierende Ergebnis zu enthalten.
- In JavaScript Code deklarieren Sie eine Funktion namens “myfunction ()”.
- Greifen Sie in der Funktionsdefinition auf die zugewiesenen zu “Eingang"Feld über die"GetElementById ()" Methode.
- Danach anwenden Sie die “ersetzen()Methode zusammen mit dem regulären Expressionsmuster, um die angegebene Zahl mit den Kommas nach drei Stellen zu formatieren/zu konfigurieren.
- Schließlich zugreifen"Tag von seinem"Ausweis" Verwendung der "GetElementById ()Methode und anhängen das resultierende Ergebnis darin.
Ausgang
In dieser speziellen Ausgabe ist es offensichtlich, dass der reguläre Ausdruck ordnungsgemäß wirksam wurde und die Zahl bei jedem tausend Vorkommen mit Kommas formatiert wird.
Abschluss
Verwenden Sie das Formatieren/Konfigurieren einer Zahl mit Kommas als tausend Separatoren mit JavaScript, die „die“ verwenden “Tolocalestring ()”Methode, die“Format()Methode mit der “Intl.Zahlenformat() ”Konstruktor oder der“ersetzen()”Methode mit“Regulären Ausdruck" Muster. Die ersten beiden Ansätze formatieren einfach die bereitgestellte Nummer und die benutzerdefinierte Nummer basierend auf dem jeweiligen Sprachformat. Der letzte Ansatz sucht global nach dem Wert und ersetzt ihn basierend auf dem regulären Ausdrucksmuster. In diesem Artikel wurde die Ansätze zur Format-/Konfiguration einer Zahl mit Kommas als tausend Separatoren mit JavaScript erörtert.