首页 > web前端 > js教程 > 如何在 JavaScript 中使用逗号格式化数字?

如何在 JavaScript 中使用逗号格式化数字?

Barbara Streisand
发布: 2024-12-22 05:48:16
原创
208 人浏览过

How to Format Numbers with Commas in JavaScript?

在 JavaScript 中用逗号将数字格式化为千位分隔符

在 JavaScript 中呈现大量数字时,通常需要将它们用逗号格式化为千位分隔符分隔符以提高可读性。虽然存在多种方法,但这里有一些建议和简化方法。

一种常见的方法是使用正则表达式将前面没有句点的每三个数字替换为逗号。这可以按如下方式实现:

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, ",");
}
登录后复制

此函数将每三位不紧随小数点的数字替换为逗号。

为了测试功能,下面是一系列测试案例:

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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板