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（）等的链接）

我使用这个简单的函数：

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

这与string.format非常相似：

"{0} is dead, but {1} is alive!".format("ASP", "ASP.NET")

我将添加我自己的发现，这些发现是我问过之后发现的：

number_format（用于千位分隔符/货币格式）sprintf（作者同上）

遗憾的是，sprintf似乎不能像.NET的字符串格式那样处理千位分隔符格式。

我很惊讶没有人使用reduce，这是一个本机简洁而强大的JavaScript函数。

ES6（EcmaScript2015）

String.prototype.format=函数（）{return[…arguments].reduce（（p，c）=>p.replace（/%s/，c），this）；};console.log（'是%s还是%s？…不，是%s！'。格式（'平面'，'鸟'，'SOman'）；

<ES6

function interpolate(theString, argumentArray) {
    var regex = /%s/;
    var _r=function(p,c){return p.replace(regex,c);}
    return argumentArray.reduce(_r, theString);
}

interpolate("%s, %s and %s", ["Me", "myself", "I"]); // "Me, myself and I"

工作原理：

reduce对累加器和数组中的每个元素（从左到右）应用一个函数，以将其减少为单个值。

var _r=函数（p，c）｛return p.replace（/%s/，c）｝；控制台日志([“a”，“b”，“c”].reduce（_r，“[%s]，[%s]和[%s]”）+'\n'，[1，2，3].reduce（_r，“%s+%s=%s”）+'\n'，[“cool”，1337，“stuff”].reduce（_r，“%s%s%s”）);

我在列表中没有看到pyformat，所以我想把它放进去：

console.log(pyformat( 'The {} {} jumped over the {}'
                , ['brown' ,'fox' ,'foobar']
                ))
console.log(pyformat('The {0} {1} jumped over the {1}'
                , ['brown' ,'fox' ,'foobar']
                ))
console.log(pyformat('The {color} {animal} jumped over the {thing}'
                , [] ,{color: 'brown' ,animal: 'fox' ,thing: 'foobaz'}
                ))

String.prototype.repeat = function(n) { 
    return new Array(++n).join(this); 
};

String.prototype.pad = function(requiredLength, paddingStr, paddingType) {    
    var n = requiredLength - this.length; 

    if (n) {
        paddingType = paddingType ? paddingType.toLowerCase() : '';
        paddingStr = paddingStr || ' ';
        paddingStr = paddingStr.repeat( Math.ceil(n / paddingStr.length) ).substr(0, n);

        if (paddingType == 'both') {
            n /= 2;
            return paddingStr.substr( 0, Math.ceil(n) ) + this + paddingStr.substr( 0, Math.floor(n) );
        }   

        if (paddingType == 'left') {
            return paddingStr + this;
        }

        return this + paddingStr;
    } 

    return this; 
}; 

// синтаксис аналогичен printf
// 'Привет, %s!'.format('мир') -> "Привет, мир!"
// '%.1s.%.1s. %s'.format('Иван', 'Иванович', 'Иванов') -> "И.И. Иванов"
String.prototype.format = function() {
    var i = 0, 
        params = arguments;

    return this.replace(/%(?:%|(?:(|[+-]+)(|0|'.+?)([1-9]\d*)?(?:\.([1-9]\d*))?)?(s|d|f))/g, function(match, sign, padding, width, precision, type) {
        if (match == '%%') { 
            return '%'; 
        }

        var v = params[i++];

        if (type == 'd') { 
            v = Math.round(v); 
        }
        else if (type == 'f') {
            v = v.toFixed(precision ? precision : 6);
        }

        if (/\+/.test(sign) && v > 0) {
            v = '+' + v;
        }

        v += '';

        if (type != 'f' && precision) {
            v = v.substr(0, precision);
        }

        if (width) {
            v = v.pad(width, padding == '' ? ' ' : padding[0] == "'" ? padding.substr(1) : padding, /-/.test(sign) ? 'right' : 'left'); 
        }

        return v;
    });
};

// this.name = 'Вася';
// console.log( 'Привет, ${name}!'.template(this) );
// "Привет, Вася!"
String.prototype.template = function(context) {
    return this.replace(/\$\{(.*?)\}/g, function(match, name) {
        return context[name];
    });
};