Intl.NumberFormat（国际数字格式）

JavaScript有一个数字格式器（国际化API的一部分）。

//创建我们的数字格式器。const formatter=新Intl.NumberFormat（'en-US'{style:'货币'，货币：'美元'，//如果你想要的话，这些选项需要四舍五入到整数。//minimumFractionDigits：0，//（这对于整数足够了，但将打印2500.10作为$2500.1）//maximumFractionDigits:0，//（导致2500.99打印为$2501）});console.log（formatter.format（2500））；/*$2,500.00 */

使用undefined代替第一个参数（示例中为'en-US'）来使用系统区域设置（如果代码在浏览器中运行，则为用户区域设置）。区域设置代码的进一步说明。

这是货币代码列表。

Intl.NumberFormat与Number.prototype.toLocaleString

最后一点，将其与旧的.toLocaleString进行比较。它们都提供了基本相同的功能。然而，toLocaleString在其旧版本（pre-Intl）中实际上不支持区域设置：它使用系统区域设置。因此，在调试旧浏览器时，请确保使用的是正确的版本（MDN建议检查Intl的存在）。如果你不关心旧浏览器或者只使用填充程序，那么根本不需要担心这一点。

此外，对于单个项目，两者的性能是相同的，但如果要格式化大量数字，则使用Intl.NumberFormat的速度要快70倍。因此，通常最好使用Intl.NumberFormat，并在每次页面加载时仅实例化一次。无论如何，下面是toLocaleString的等效用法：

console.log（（2500）.toLocaleString（'en-US'{style:'货币'，货币：'美元'，})); /* $2,500.00 */

关于浏览器支持和Node.js的一些说明

如今，浏览器支持已不再是一个问题，全球98%的支持率，美国99%，欧盟99%以上有一个垫片可以在僵化的浏览器（如Internet Explorer 8）上支持它，如果你真的需要v13之前的Node.js只支持开箱即用的en-US。一种解决方案是安装完整的icu，请参阅此处了解更多信息查看CanIUse了解更多信息

我想你想要：

f.nettotal.value = "$" + showValue.toFixed(2);

我喜欢VisionN的最短答案，除非我需要修改一个没有小数点的数字（123美元而不是123.00美元）。它不起作用，所以我需要破解JavaScript正则表达式的神秘语法，而不是快速复制/粘贴。

这是最初的解决方案

n.toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,');

我会再延长一点：

var re = /\d(?=(\d{3})+\.)/g;
var subst = '$&,';
n.toFixed(2).replace(re, subst);

此处的re部分（字符串替换中的搜索部分）表示

查找所有数字（\d）后跟（？=…）（展望）一个或多个组（…）+正好三位数（\d｛3｝）以点（\.）结尾对所有事件执行此操作（g）

这里的子部分是指：

每次有匹配项时，将其替换为自身（$&），后跟逗号。

当我们使用string.replace时，字符串中的所有其他文本保持不变，只有找到的数字（后面跟着3、6、9等其他数字的数字）才会得到一个额外的逗号。

因此，在数字1234567.89中，数字1和4满足条件（1234567.89），并被替换为“1”和“4”，从而得到1234567.89。

如果我们根本不需要美元金额的小数点（即123美元而不是123.00美元），我们可以这样更改正则表达式：

var re2 = /\d(?=(\d{3})+$)/g;

它依赖于行尾（$）而不是点（\.），最后的表达式将是（请注意Fixed（0））：

n.toFixed(0).replace(/\d(?=(\d{3})+$)/g, '$&,');

此表达式将给出

1234567.89 -> 1,234,567

此外，您也可以选择单词边界（\b），而不是上面正则表达式中的行尾（$）。

如果我误解了正则表达式处理的任何部分，我会提前道歉。

这是另一个尝试，只是为了好玩：

function formatDollar(num) {
    var p = num.toFixed(2).split(".");
    return "$" + p[0].split("").reverse().reduce(function(acc, num, i, orig) {
        return num + (num != "-" && i && !(i % 3) ? "," : "") + acc;
    }, "") + "." + p[1];
}

还有一些测试：

formatDollar(45664544.23423) // "$45,664,544.23"
formatDollar(45) // "$45.00"
formatDollar(123) // "$123.00"
formatDollar(7824) // "$7,824.00"
formatDollar(1) // "$1.00"
formatDollar(-1345) // "$-1,345.00
formatDollar(-3) // "$-3.00"

JavaScript中有一个内置函数toFixed：

var num = new Number(349);
document.write("$" + num.toFixed(2));

PHP函数“number_format”有一个JavaScript端口。

我发现它非常有用，因为它易于使用，并且对PHP开发人员来说是可识别的。

function number_format (number, decimals, dec_point, thousands_sep) {
    var n = number, prec = decimals;

    var toFixedFix = function (n,prec) {
        var k = Math.pow(10,prec);
        return (Math.round(n*k)/k).toString();
    };

    n = !isFinite(+n) ? 0 : +n;
    prec = !isFinite(+prec) ? 0 : Math.abs(prec);
    var sep = (typeof thousands_sep === 'undefined') ? ',' : thousands_sep;
    var dec = (typeof dec_point === 'undefined') ? '.' : dec_point;

    var s = (prec > 0) ? toFixedFix(n, prec) : toFixedFix(Math.round(n), prec);
    // Fix for Internet Explorer parseFloat(0.55).toFixed(0) = 0;

    var abs = toFixedFix(Math.abs(n), prec);
    var _, i;

    if (abs >= 1000) {
        _ = abs.split(/\D/);
        i = _[0].length % 3 || 3;

        _[0] = s.slice(0,i + (n < 0)) +
               _[0].slice(i).replace(/(\d{3})/g, sep+'$1');
        s = _.join(dec);
    } else {
        s = s.replace('.', dec);
    }

    var decPos = s.indexOf(dec);
    if (prec >= 1 && decPos !== -1 && (s.length-decPos-1) < prec) {
        s += new Array(prec-(s.length-decPos-1)).join(0)+'0';
    }
    else if (prec >= 1 && decPos === -1) {
        s += dec+new Array(prec).join(0)+'0';
    }
    return s;
}

（原文注释栏，包括以下示例和到期信用）

// Formats a number with grouped thousands
//
// version: 906.1806
// discuss at: http://phpjs.org/functions/number_format
// +   original by: Jonas Raoni Soares Silva (http://www.jsfromhell.com)
// +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
// +     bugfix by: Michael White (http://getsprink.com)
// +     bugfix by: Benjamin Lupton
// +     bugfix by: Allan Jensen (http://www.winternet.no)
// +    revised by: Jonas Raoni Soares Silva (http://www.jsfromhell.com)
// +     bugfix by: Howard Yeend
// +    revised by: Luke Smith (http://lucassmith.name)
// +     bugfix by: Diogo Resende
// +     bugfix by: Rival
// +     input by: Kheang Hok Chin (http://www.distantia.ca/)
// +     improved by: davook
// +     improved by: Brett Zamir (http://brett-zamir.me)
// +     input by: Jay Klehr
// +     improved by: Brett Zamir (http://brett-zamir.me)
// +     input by: Amir Habibi (http://www.residence-mixte.com/)
// +     bugfix by: Brett Zamir (http://brett-zamir.me)
// *     example 1: number_format(1234.56);
// *     returns 1: '1,235'
// *     example 2: number_format(1234.56, 2, ',', ' ');
// *     returns 2: '1 234,56'
// *     example 3: number_format(1234.5678, 2, '.', '');
// *     returns 3: '1234.57'
// *     example 4: number_format(67, 2, ',', '.');
// *     returns 4: '67,00'
// *     example 5: number_format(1000);
// *     returns 5: '1,000'
// *     example 6: number_format(67.311, 2);
// *     returns 6: '67.31'
// *     example 7: number_format(1000.55, 1);
// *     returns 7: '1,000.6'
// *     example 8: number_format(67000, 5, ',', '.');
// *     returns 8: '67.000,00000'
// *     example 9: number_format(0.9, 0);
// *     returns 9: '1'
// *     example 10: number_format('1.20', 2);
// *     returns 10: '1.20'
// *     example 11: number_format('1.20', 4);
// *     returns 11: '1.2000'
// *     example 12: number_format('1.2000', 3);
// *     returns 12: '1.200'