Dieser Artikel veranschaulicht die Ansätze, die implementiert werden können, um eine Zahl in JavaScript zu formatieren.
Wie formatiere ich eine Zahl in JavaScript?
Die folgenden Ansätze können implementiert werden, um eine Zahl in JavaScript zu formatieren:
- „ toFixed() ' Methode.
- „ Intl.ZahlenFormat() ' Konstrukteur.
- „ toLocaleString() ' Methode.
- „ Regulären Ausdruck ”
Die genannten Ansätze werden nun nacheinander illustriert!
Beispiel 1: Formatieren Sie eine Zahl in JavaScript mit der toFixed()-Methode
Diese Methode kann angewendet werden, um die bereitgestellte Zahl so zu formatieren, dass keine Dezimalpunkte oder eine feste Anzahl von Nachkommastellen darin verbleiben.
Geben Sie zunächst die zu formatierende Zahl an:
Lassen Sie formatNumber = 12.345678 ;
Wenden Sie als Nächstes das „ toFixed() ”-Methode, um die angegebene Zahl so zu formatieren, dass keine Nachkommastellen darin verbleiben:
Konsole. Protokoll ( 'Die formatierte Zahl lautet:' , formatNummer. zuFest ( ) ) ;Wenden Sie in diesem Schritt in ähnlicher Weise dieselbe Methode an, indem Sie „ zwei “ in seinem Parameter. Dies führt zur Formatierung einer Zahl auf zwei Dezimalstellen:
Konsole. Protokoll ( 'Die formatierte Zahl lautet:' , formatNummer. zuFest ( zwei ) ) ;
Ausgabe
Beispiel 2: Formatieren Sie eine Zahl in JavaScript mit dem Intl.NumberFormat()-Konstruktor
Das ' Intl.ZahlenFormat() ” Konstruktor erstellt ein neues Objekt, das die Formatierung einer sprachabhängigen Zahl ermöglicht. Dieser Ansatz kann angewendet werden, um die angegebene Zahl basierend auf der angegebenen Währung zu formatieren.
Geben Sie zunächst die zu formatierende Zahl an:
konst formatNummer = 12345.67 ;Wenden Sie jetzt das „ Intl.ZahlenFormat() ” Ansatz zum Formatieren der angegebenen Zahl in Bezug auf die „ UNS ” Währung und zeige sie entsprechend an:
let numUpd = Neu Intl. Zahlenformat ( 'in uns' , { Stil : 'Währung' , Währung : 'USD' } ) . Format ( formatNummer ) ;Konsole. Protokoll ( 'Die formatierte Währung ist:' , numUpd ) ;
Ausgabe
Das ' $ ” mit der Zahl gibt an, dass die angegebene Zahl im Format „ UNS ' Währung.
Beispiel 3: Formatieren Sie eine Zahl in JavaScript mit der Methode toLocaleString()
Das ' toLocaleString() ”-Methode gibt ein Datumsobjekt in Form einer Zeichenfolge zurück. Diese Methode kann angewendet werden, um eine Zahl in das angegebene Sprachformat zu formatieren.
Syntax
Datum . toLocaleString ( lokal , Optionen )- „ lokal “ beziehen sich auf das spezifische Sprachformat.
- „ Optionen “ zeigt auf das Objekt, dem die Eigenschaften zugewiesen werden können.
Weisen Sie im untenstehenden Beispiel der Variablen mit dem Namen „ formatNummer “:
Lassen Sie formatNumber = 7323452568.283 ;Wenden Sie jetzt das „ toLocaleString() “-Methode, geben Sie das Sprachformat als „ in uns ” in seinem Parameter und zeigen Sie die resultierende formatierte Zahl an:
war uns = formatNummer. toLocaleString ( 'in uns' ) ;Konsole. Protokoll ( 'Die formatierte Zahl lautet:' , uns ) ;
Ausgabe
Beispiel 4: Formatieren Sie eine Zahl in JavaScript mit dem regulären Ausdruck
Dieser Ansatz kann zusammen mit dem „ ersetzen() ”-Methode, um als Ergebnis die Kommas in gleichen Abständen zwischen die bereitgestellten Zahlen zu setzen.
Initialisieren Sie zunächst die folgende Nummer:
war formatNummer = 445567788 ;Wenden Sie nun die Methode replace() zusammen mit dem regulären Ausdruck an. Der reguläre Ausdruck hier weist „ Kommas ” auf den initialisierten Wert, indem Sie eine globale Suche durchführen und die durch Kommas getrennten Werte zurückgeben, wodurch die angegebene Zahl formatiert wird:
Konsole. Protokoll ( 'Die formatierte Zahl lautet:' , Schnur ( formatNummer ) . ersetzen ( /(.)(?=(\d{3})+$)/g , '$1,' ) )Ausgabe
Wir haben die bequemen Ansätze zum Formatieren einer Zahl in JavaScript zusammengefasst.
Fazit
Das ' toFixed() “-Methode, die „ Intl.ZahlenFormat() ” Konstrukteur, der “ toLocaleString() “-Methode oder die „ regulären Ausdruck “ kann verwendet werden, um eine Zahl in JavaScript zu formatieren. Die erste Methode führt dazu, dass die Zahl so formatiert wird, dass keine Ziffern oder eine feste Anzahl von Ziffern nach dem Dezimalpunkt darin verbleiben. Der Konstruktoransatz Intl.NumberFormat() kann angewendet werden, um eine Zahl basierend auf der Währung zu formatieren, und die Methode toLocaleString() kann implementiert werden, um die angegebene Zahl in das sprachspezifische Format zu formatieren. Die Technik regulärer Ausdrücke kann angewendet werden, um die bereitgestellte Zahl so zu formatieren, dass die durch Kommas getrennten Werte zurückgegeben werden. Dieser Blog demonstrierte die Methoden zum Formatieren einer bestimmten Zahl in JavaScript.