JavaScript中的数字格式

我来到这个问题页面，希望找到如何在JavaScript中格式化数字，而不引入另一个库。以下是我的发现：

舍入浮点数

JavaScript中sprintf（“%.2f”，num）的等价物似乎是num.toFixed（2），它将num格式化为2位小数，并带舍入（但请参见@ars265下面关于Math.round的评论）。

(12.345).toFixed(2); // returns "12.35" (rounding!)
(12.3).toFixed(2); // returns "12.30" (zero padding)

指数形式

sprintf（“%.2e”，num）的等效值为num.toExponential（2）。

(33333).toExponential(2); // "3.33e+4"

十六进制和其他基数

要以基数B打印数字，请尝试num.toString（B）。JavaScript支持从基数2到36的自动转换（此外，某些浏览器对base64编码的支持有限）。

(3735928559).toString(16); // to base 16: "deadbeef"
parseInt("deadbeef", 16); // from base 16: 3735928559

参考页

JS数字格式快速教程

toFixed（）的Mozilla参考页（带有指向Precision（）、toExponential（）、toLocaleString（）等的链接）

这不是sprintf的精确复制；然而，它是类似的，并且更强大：https://github.com/anywhichway/stringformatter

使用此库的格式表达式采用嵌入式Javascript对象的形式，例如。

format("I have {number: {currency: "$", precision:2}}.",50.2); 

将返回“我有50.20美元”。

好的，首先我们将设置一些要使用的变量：

    const date = new Date();
    
    const locale = 'en-us';
    
    const wDay   = date.toLocaleString(locale, {weekday: 'short'});
    const month  = date.toLocaleString(locale, {month: 'long'});
    const year   = date.toLocaleString(locale, {year: 'numeric'});
    const minute = date.toLocaleString(locale, {minute: 'numeric'});
    const [hour, ap] = date.toLocaleString(locale, {hour: 'numeric', hour12:true}).split(' ');
    
    let mDay = date.toLocaleString(locale, {day: 'numeric'});
    
    switch(mDay % 10)
    {
        case 1:  mDay += 'st'; break;
        case 2:  mDay += 'nd'; break;
        case 3:  mDay += 'rd'; break;
        default: mDay += 'th'; break;
    }

现在我们已经完成了所有这些，我们可以这样格式化字符串：

    const formatter = (...a) => `${a[0]}, the ${a[1]} of ${a[2]} ${a[3]} at ${a[4]}:${a[5]} ${a[6]}`;
    const formatted = formatter(wDay, mDay, month, year, hour, minute, ap);

我们甚至可以为“格式化程序”函数使用命名参数：

    const formatter = (wDay, mDay, month, year, hour, minute, ap) => `${wDay}, the ${mDay} of ${month} ${year} at ${hour}:${minute} ${ap}`;
    const formatted = formatter(wDay, mDay, month, year, hour, minute, ap);

如果您注意到，上面的JS模板都是回调的结果。如果上面的整段代码都封装在一个预期返回格式化日期的函数中，那么不难想象如何以相同的方式构造一个可以从外部传入的任意“格式化程序”函数。

tl；dr如果将模板文本放在回调中并使用args作为替换，则可以重用它们。

+1 Zippo，但函数体需要如下所示，否则它会在每次迭代时附加当前字符串：

String.prototype.format = function() {
    var formatted = this;
    for (var arg in arguments) {
        formatted = formatted.replace("{" + arg + "}", arguments[arg]);
    }
    return formatted;
};

我使用模板文字方法，如下所示：

export const messages = {
  foo: (arg1, arg2) => `Hello ${arg1} ${arg2}`,
  bar: (arg1) => `Hello ${arg1}`,
}

从文件中：

console.log(messages.foo('Bar', 'World'))
console.log(messages.bar('Foo'))

这里是sprintf在JavaScript中的一个最小实现：它只执行“%s”和“%d”，但我为它保留了扩展空间。这对OP来说是无用的，但其他偶然发现这条来自谷歌的线索的人可能会从中受益。

function sprintf() {
    var args = arguments,
    string = args[0],
    i = 1;
    return string.replace(/%((%)|s|d)/g, function (m) {
        // m is the matched format, e.g. %s, %d
        var val = null;
        if (m[2]) {
            val = m[2];
        } else {
            val = args[i];
            // A switch statement so that the formatter can be extended. Default is %s
            switch (m) {
                case '%d':
                    val = parseFloat(val);
                    if (isNaN(val)) {
                        val = 0;
                    }
                    break;
            }
            i++;
        }
        return val;
    });
}

例子：

alert(sprintf('Latitude: %s, Longitude: %s, Count: %d', 41.847, -87.661, 'two'));
// Expected output: Latitude: 41.847, Longitude: -87.661, Count: 0

与之前回复中的类似解决方案相比，此解决方案一次性完成所有替换，因此不会替换先前替换值的部分。