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））；

JavaScript程序员可以在https://github.com/ildar-shaimordanov/jsxt/blob/master/js/String.js.以下是示例：

var d = new Date();
var dateStr = '%02d:%02d:%02d'.sprintf(
    d.getHours(), 
    d.getMinutes(), 
    d.getSeconds());

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））；

当前JavaScript

从上的ES6可以使用模板字符串：

let soMany = 10;
console.log(`This is ${soMany} times easier!`);
// "This is 10 times easier!"

详见下文Kim的回答。

较旧的答案

试试JavaScript的sprintf（）。

如果你真的想自己做一个简单的格式化方法，不要连续替换，而是同时替换。

因为当先前替换的替换字符串也包含如下格式序列时，提到的大多数其他建议都会失败：

"{0}{1}".format("{1}", "{0}")

通常，您希望输出为｛1｝｛0｝，但实际输出为｛1｝{1｝｝。所以要像恐惧噬菌体的建议那样同时进行替换。

我需要更进一步的解决方案。

我可以重用一个模板，不仅在声明中生成字符串，而且在执行时间的随机时间生成字符串。

所以我遇到了这个夹具：

 class Texplate{
    constructor(...args){
        this.data = args;
    }

    apply(...args){
        var text = "";
        var i = 0, j = 0, n = this.data.length, m = args.length;
        for(;i < n && j < m; i++, j++){
            text += this.data[i] + args[j];
        }

        for (; i < n; i++){
            text += this.data[i];
        }

        for (; j < m; j++){
            text += args[j];
        }

        return text;        
    }
}

这允许创建一个文本模板，该模板在内部用作数组合并算法，从构造函数中定义的文本数组开始。

使用示例：

var Textplate example = new Texplate("Hello, ", "!"); 
console.log(example.apply("Frank"));
console.log(example.apply("Mary"));
console.log(example.apply());
console.log(example.apply("Frank", " Have a good day!"));

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];
    });
};