In diesem Artikel besprechen wir die Formatierung von Zahlen mit Kommas in JavaScript. Manchmal müssen wir eine Zahl in der HTML-Seite mit Kommas formatieren, um sie leichter lesbar zu machen. Mit JavaScript können wir eine Zahl in einen durch Kommas getrennten Wert umwandeln. Hier werden wir die Möglichkeiten dafür besprechen.
Die erste Möglichkeit, Zahlen mit Kommas zu formatieren, ist die Verwendung von toLocaleString() Methode.
Verwendung der toLocaleString()-Methode
Der JavaScript toLocaleString() Die Methode wird verwendet, um die Elemente des angegebenen Arrays in eine Zeichenfolge umzuwandeln. Diese Zeichenfolgen werden durch ein Komma „,“ getrennt. Wir können das bestehen 'in uns' als Parameter, damit die Methode das Format der US-amerikanischen und englischen Sprache annimmt und die Zahlen mit einem Komma zwischen den Tausendern darstellt.
Lassen Sie uns nun die Methode anhand eines Beispiels verstehen.
Kapselungsprogramm
Beispiel
In diesem Beispiel verwenden wir die toLocaleString() um die durch Kommas getrennten Zahlen zu formatieren. Hier formatieren wir zwei Zahlen, eine davon ist vom Typ Ganzzahl und die andere vom Typ Gleitkomma. Nachdem Sie auf die entsprechende Schaltfläche geklickt haben, werden die angegebenen Zahlen mit Kommas formatiert. Die Zahlen werden an Tausenderstellen durch Kommas getrennt.
bash wenn Bedingung
Using JavaScript's toLocaleString() method <p> This is an example of using the regular expression in javascript to format a number with commas </p> <b> Number1 = '1482351769' </b> <br> <b> Number2 = '1000.51769' </b> <p> Click the below button to print the above numbers separated with commas </p> Click me function fun() { num1 = 1482351769; output1 = num1.toString().replace(/B(?=(d{3})+(?!d))/g, ',') document.write(' <b> Given number = </b> ', num1); document.write('<br> <b> Formatted number = </b> ', output1); num2 = 1000.51769; output2 = num2.toString().replace(/B(?=(d{3})+(?!d))/g, ',') document.write('<br> <br> <b> Given number = </b> ', num2); document.write('<br> <b> Formatted number = </b> ', output2); } Testen Sie es jetzt Ausgabe
Nach der Ausführung des obigen Codes lautet die Ausgabe:
Nachdem Sie auf die angegebene Schaltfläche geklickt haben, lautet die Ausgabe:
Das ist alles für dieses Tutorial. In diesem Artikel haben wir drei Möglichkeiten besprochen, eine Zahl in JavaScript mit Kommas zu formatieren. Ich hoffe, Sie finden diesen Artikel informativ und hilfreich, um zu verstehen, wie Zahlen in JavaScript mit Kommas formatiert werden.