Bagaimana untuk Memformat Nombor dengan Koma dalam JavaScript?

Memformat Nombor dengan Koma sebagai Ribuan Pemisah dalam JavaScript

Apabila membentangkan nombor besar dalam JavaScript, selalunya wajar untuk memformatkannya dengan koma sebagai beribu pemisah untuk kebolehbacaan. Walaupun beberapa kaedah wujud, berikut ialah beberapa pengesyoran dan pendekatan yang dipermudahkan.

Satu pendekatan biasa ialah menggunakan ungkapan biasa untuk menggantikan setiap tiga digit yang tidak didahului oleh noktah dengan koma. Ini boleh dilaksanakan seperti berikut:

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

Walau bagaimanapun, untuk penyelesaian yang lebih mudah, pertimbangkan perkara berikut:

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

Fungsi ini menggantikan setiap tiga digit yang tidak serta-merta diikuti dengan titik perpuluhan dengan koma.

Untuk menguji kefungsian, di bawah ialah satu siri ujian kes:

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

Dengan menjalankan ujian ini, anda boleh mengesahkan ketepatan kedua-dua pendekatan untuk pelbagai nilai angka.

Atas ialah kandungan terperinci Bagaimana untuk Memformat Nombor dengan Koma dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!