Wie formatiere ich Zahlen mit Kommas in JavaScript?

Zahlen mit Kommas als Tausendertrennzeichen in JavaScript formatieren

Bei der Darstellung großer Zahlen in JavaScript ist es oft wünschenswert, diese mit Kommas als Tausendertrennzeichen zu formatieren Trennzeichen zur besseren Lesbarkeit. Obwohl es mehrere Methoden gibt, finden Sie hier einige Empfehlungen und einen vereinfachten Ansatz.

Ein gängiger Ansatz besteht darin, einen regulären Ausdruck zu verwenden, um alle drei Ziffern, denen kein Punkt vorangestellt ist, durch ein Komma zu ersetzen. Dies kann wie folgt implementiert werden:

function numberWithCommas(x) {
    x = x.toString();
    var pattern = /(-?\d+)(\d{3})/;
    while (pattern.test(x))
        x = x.replace(pattern, ",");
    return x;
}

Für eine einfachere Lösung berücksichtigen Sie jedoch Folgendes:

function numberWithCommas(x) {
    return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}

Diese Funktion ersetzt alle drei Ziffern, denen nicht unmittelbar ein Dezimalpunkt folgt, durch ein Komma.

Um die Funktionalität zu testen, finden Sie unten eine Reihe von Testfällen:

function test(x, expect) {
    const result = numberWithCommas(x);
    const pass = result === expect;
    console.log(`${pass ? "✓" : "ERROR ====>"} ${x} => ${result}`);
    return pass;
}

let failures = 0;
failures += !test(0,        "0");
failures += !test(100,      "100");
failures += !test(1000,     "1,000");
failures += !test(10000,    "10,000");
failures += !test(100000,   "100,000");
failures += !test(1000000,  "1,000,000");
failures += !test(10000000, "10,000,000");
if (failures) {
    console.log(`${failures} test(s) failed`);
} else {
    console.log("All tests passed");
}

Indem Sie diese ausführen Tests können Sie die Genauigkeit beider Ansätze für verschiedene numerische Werte überprüfen.

Das obige ist der detaillierte Inhalt vonWie formatiere ich Zahlen mit Kommas in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!