3种不同的javascript字符串格式

有三种不同的方法通过用变量值替换占位符来格式化字符串。

使用模板文本（反引号``）let name=“John”；假设年龄=30；//使用倒钩console.log（`${name}是${age}岁。`）；//约翰30岁了。使用串联

let name=“John”；假设年龄=30；//使用串联console.log（name+'是'+age+'岁'）；//约翰30岁了。

创建自己的格式函数

String.prototype.format=函数（）{var args=参数；返回this。replace（/{（[0-9]+）}/g，函数（匹配，索引）{//检查参数是否存在返回参数类型[index]==“undefined”？匹配：args[index]；});};console.log（“｛0｝是｛1｝年前的。”.format（“John”，30））；

对于Node.js用户，util.format具有类似printf的功能：

util.format("%s world", "Hello")

arg函数：

/**
 * Qt stil arg()
 * var scr = "<div id='%1' class='%2'></div>".arg("mydiv").arg("mydivClass");
 */
String.prototype.arg = function() {
    var signIndex = this.indexOf("%");
    var result = this;
    if (signIndex > -1 && arguments.length > 0) {
        var argNumber = this.charAt(signIndex + 1);
        var _arg = "%"+argNumber;
        var argCount = this.split(_arg);
        for (var itemIndex = 0; itemIndex < argCount.length; itemIndex++) {
            result = result.replace(_arg, arguments[0]);
        }
    }
    return result;
}

我使用一个名为String.format for JavaScript的小型库，它支持大多数格式字符串功能（包括数字和日期格式），并使用.NET语法。脚本本身小于4kB，因此不会产生太多开销。

如果您希望处理千位分隔符，那么应该真正使用JavaScript Number类中的toLocaleString（），因为它将为用户所在区域设置字符串格式。

JavaScript Date类可以格式化本地化的日期和时间。

JavaScript中的sprintf（）函数模拟为Vue过滤器和String.protype.format（）扩展：

/**
 * Returns a formatted string.
 *
 * @param template
 * @param values
 * @return string
 */
String.format = function (template, ...values) {
    let i = -1;

    function callback(exp, p0, p1, p2, p3, p4) {
        if (exp === '%%') return '%';
        if (values[++i] === undefined) return undefined;

        exp = p2 ? parseInt(p2.substr(1)) : undefined;

        let base = p3 ? parseInt(p3.substr(1)) : undefined;
        let val;

        switch (p4) {
            case 's': val = values[i]; break;
            case 'c': val = values[i][0]; break;
            case 'f': val = parseFloat(values[i]).toFixed(exp); break;
            case 'p': val = parseFloat(values[i]).toPrecision(exp); break;
            case 'e': val = parseFloat(values[i]).toExponential(exp); break;
            case 'x': val = parseInt(values[i]).toString(base ? base : 16); break;
            case 'd': val = parseFloat(parseInt(values[i], base ? base : 10).toPrecision(exp)).toFixed(0); break;
        }
        val = typeof (val) == 'object' ? JSON.stringify(val) : val.toString(base);
        let sz = parseInt(p1); /* padding size */
        let ch = p1 && p1[0] === '0' ? '0' : ' '; /* isnull? */

        while (val.length < sz) val = p0 !== undefined ? val + ch : ch + val; /* isminus? */

        return val;
    }

    let regex = /%(-)?(0?[0-9]+)?([.][0-9]+)?([#][0-9]+)?([scfpexd%])/g;

    return template.replace(regex, callback);
}

String.prototype.format = function() {
    return String.format(this, ...arguments);
}

const StringFormat = {
    install: (Vue, options) => {
        Vue.filter('format', function () {
            return String.format(...arguments);
        });
    },
};

export default StringFormat;

原始答案：JavaScript相当于printf/String.Format