JavaScript で数値をカンマでフォーマットするにはどうすればよいですか?

JavaScript でカンマを千単位の区切り文字として使用して数値を書式設定する

JavaScript で大きな数値を表示する場合、多くの場合、カンマを千単位として書式設定することが望ましいです。読みやすくするための区切り文字。いくつかの方法が存在しますが、ここではいくつかの推奨事項と簡素化されたアプローチを紹介します。

一般的なアプローチの 1 つは、正規表現を使用して、前にピリオドがついていない 3 桁ごとをカンマに置き換えることです。これは次のように実装できます:

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

ただし、より簡単な解決策として次のことを検討してください:

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

この関数は、直後に小数点が続かない 3 桁ごとに次の数字に置き換えます。カンマ。

機能をテストするための一連のテストを以下に示します。ケース:

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");
}

これらのテストを実行すると、さまざまな数値に対する両方のアプローチの精度を検証できます。

以上がJavaScript で数値をカンマでフォーマットするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。