JavaScript Kommas zur Zahl hinzufügen

In diesem Tutorial wird erklärt, wie wir eine durch Kommas getrennte Zahl in JavaScript drucken können.

Abhängig von unserem Anwendungsfall und der Geschwindigkeit / Effizienz, die für die Verarbeitung der angegebenen Anzahl erforderlich ist, können wir drei verschiedene Methoden anwenden.

Verwenden Sie reguläre Ausdrücke, um Zahlen mit Kommas in JavaScript zu formatieren

Der Regex verwendet zwei Lookahead-Behauptungen:

1. Eine positive Lookahead-Behauptung, die nach einem Punkt in der Zeichenkette sucht, der eine Gruppe von 3 Ziffern danach enthält.
2. Eine negative Lookahead-Behauptung, die sicherstellt, dass der angegebene Punkt eine Gruppengröße von genau 3 Stellen hat.

Dann fügt der Ersetzungsausdruck ein Komma an dieser Stelle ein.

Es kümmert sich auch um die Dezimalstellen, indem die Zeichenkette geteilt wird, bevor der Regex-Ausdruck auf den Teil vor der Dezimalstelle angewendet wird.

const numb = 213231221;

function separator(numb) {
  var str = numb.toString().split('.');
  str[0] = str[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
  return str.join('.');
}

console.log(separator(numb))

Ausgabe:

"213,231,221"

Verwenden Sie Intl.NumberFormat(), um Zahlen mit Kommas in JavaScript zu formatieren

Diese Methode wird verwendet, um Zahlen in sprachempfindlicher Formatierung darzustellen und die Währung gemäß den angegebenen Parametern darzustellen. Der angegebene Parameter heißt locale und gibt das Format der Nummer an. Das Gebietsschema en-IN hat beispielsweise das Format Indien und die englische Sprache. Das erste Komma von rechts trennt Tausende und ruht sich in Hunderten aus.

Wir werden die Funktion format() verwenden, die an das von Intl.NumberFormat() ausgegebene Objekt angehängt ist. Diese Funktion nimmt die Nummer auf und gibt eine durch Kommas getrennte Zeichenkette zurück. Um eine durch Tausend getrennte Zeichenkette zu erzielen, können wir das Gebietsschema en-US verwenden.

const givenNumber = 123423134231233423;

internationalNumberFormat = new Intl.NumberFormat('en-US')
console.log(internationalNumberFormat.format(givenNumber))

Ausgabe:

"123,423,134,231,233,420"

Verwenden Sie toLocaleString(), um Zahlen mit Kommas in JavaScript zu formatieren

Die Methode toLocaleString() gibt eine Zeichenkette mit der sprachempfindlichen Darstellung einer Zahl zurück, genau wie die obige Methode. Es werden auch die Gebietsschemaparameter verwendet, die das Format der Nummer angeben.

const givenNumber = 123423134231233423;

console.log(givenNumber.toLocaleString('en-US'))

Ausgabe:

"123,423,134,231,233,420"

Alle gängigen Browser unterstützen alle diese Möglichkeiten.