Regulärer Ausdruck zum Formatieren von Zahlen in JavaScript

Formatierung einer Zahl behandelt werden können aus mit nur einer Zeile code.

Dieser code erweitert das Number-Objekt; Beispiele sind unten aufgeführt.

Code:

Number.prototype.format = function () {
    return this.toString().split( /(?=(?:\d{3})+(?:\.|$))/g ).join( "," );
};

, Wie es funktioniert

Den regulären Ausdruck, der benutzt eine look-ahead zu finden Positionen innerhalb des Strings, wo die einzige Sache auf der rechten Seite ist eine oder mehrere Gruppierungen von drei zahlen, bis entweder ein Punkt oder das Ende der Zeichenkette erkannt wird. Die .split() wird verwendet, um brechen die Zeichenfolge an, diese Punkte in ein array-Elemente, und dann die .join() verschmilzt diese Elemente zurück in einen string, getrennt durch Kommas.

Konzept zu finden, Positionen innerhalb der Zeichenfolge, anstatt übereinstimmenden tatsächlichen Zeichen, ist wichtig, um die split die Zeichenfolge ohne entfernen von Zeichen.

Beispiele:

var n = 9817236578964235;
alert( n.format() );    //Displays "9,817,236,578,964,235"

n = 87345.87;
alert( n.format() );    //Displays "87,345.87"

Natürlich kann der code leicht erweitert oder verändert zu behandeln locale überlegungen. Zum Beispiel, hier ist eine neue version des Codes, die automatisch erkennt das Gebietsschema-Einstellungen und swaps, die Verwendung von Kommata und Punkte.

Locale-aware version:

Number.prototype.format = function () {

    if ((1.1).toLocaleString().indexOf(".") >= 0) {
        return this.toString().split( /(?=(?:\d{3})+(?:\.|$))/g ).join( "," );
    }
    else {
        return this.toString().split( /(?=(?:\d{3})+(?:,|$))/g ).join( "." );
    }
};

Es sei denn, es ist wirklich notwendig, ich bevorzuge die Einfachheit der ersten version, obwohl.

InformationsquelleAutor der Antwort Speednet

Wenn Sie wirklich wollen, eine regex, die Sie verwenden können, zwei in einer while-Schleife:

while(num.match(/\d{4}/)) {
    num = num.replace(/(\d{3})(,\d|$)/, ',$1$2');
}

Und wenn Sie wollen, können Sie formatieren Sie zahlen mit Nachkommastellen zu:

while(num.match(/\d{4}(\,|\.)/)) {
    num = num.replace(/(\d{3})(,\d|$|\.)/, ',$1$2');
}

Edit:

Können Sie auch dies mit 2 reguläre Ausdrücke und keine Schleife, splits, joins, etc:

num = num.replace(/(\d{1,2}?)((\d{3})+)$/, "$1,$2");
num = num.replace(/(\d{3})(?=\d)/g, "$1,");

Den ersten regex setzt ein Komma nach der ersten 1 oder 2 Ziffern, wenn die Verbleibende Anzahl der Ziffern ist teilbar durch drei. Die zweite regex Orten ein Komma nach jedem verbleibenden Gruppe von 3 Ziffern.

Diese funktionieren nicht mit Dezimalzahlen, sondern Sie eignen sich für positive und negative Ganzzahlen.

Test Ausgabe:

45
3,856
398,868,483,992

635
12,358,717,859,918,856
-1,388,488,184

InformationsquelleAutor der Antwort Jeff B

Unterstrich.string hat eine schöne Umsetzung.

Habe ich geändert, es leicht zu akzeptieren, numerische Zeichenfolgen.

function numberFormat (number, dec, dsep, tsep) {
  if (isNaN(number) || number == null) return '';

  number = parseFloat(number).toFixed(~~dec);
  tsep = typeof tsep == 'string' ? tsep : ',';

  var parts = number.split('.'), fnums = parts[0],
    decimals = parts[1] ? (dsep || '.') + parts[1] : '';

  return fnums.replace(/(\d)(?=(?:\d{3})+$)/g, '$1' + tsep) + decimals;
},

InformationsquelleAutor der Antwort mpen

Ich denke, Sie würden unbedingt mehrere Durchläufe zu erreichen, das mit regulären Ausdrücken. Versuchen Sie Folgendes:

1. Ausführen eines regex für eine Ziffer, gefolgt von 3 Ziffern.
2. Wenn das regex-matches ist, ersetzen Sie es mit der ersten Ziffer, dann ein Komma, dann die nächsten 3 Ziffern.
3. Wiederholen, bis die (1) keine übereinstimmungen gefunden werden.

InformationsquelleAutor der Antwort Ryan Brunner

Ersten Rückwärtsgang ein Zeichen-array, dann fügen Sie Kommas nach jeder Dritten Zahl, es sei denn, es ist kurz vor dem Ende der Zeichenfolge oder vor einem - Zeichen. Dann umkehren die Zeichen-array wieder und machen es zu einem string wieder.

function add_commas(numStr){
    return numStr.split('').reverse().join('').replace(/(\d{3})(?=[^$|^-])/g, "$1,").split('').reverse().join('');
}

InformationsquelleAutor der Antwort Harmen