Javascript - 替换文本中基于对象的值的最快、最有效的方法

Question

我有一个看起来像这样的对象：

var obj = {
    a: "text",
    b: "text 2",
    c: "text 3",
    ...
}

我有一堆看起来像这样的字符串：

var stringA = "http://{{a}}.something.com/",
    stringB = "http://something.{{b}}.com/",
    stringC = "http://something.com/{{c}}";

我想通过遍历 obj 将 {{(\w)}} 替换为等效的 并检查它是否具有每个字符串的匹配值，但我确信有更好更快的方法来做到这一点。

有什么想法吗？

Answer 1

Douglas Crockford 编写了一个名为 supplant 的函数，它几乎完全可以满足您的需求。我稍微改变了函数以匹配您的双花括号 -

if (typeof String.prototype.supplant !== 'function') {
    String.prototype.supplant = function (o) {
        return this.replace(/{{([^{}]*)}}/g, function (a, b) {
            var r = o[b];
            return typeof r === 'string' ? r : a;
        });
    };
}

var obj = {
    a: "text",
    b: "text 2",
    c: "text 3"
}

var stringA = "http://{{a}}.something.com/",
    stringB = "http://something.{{b}}.com/",
    stringC = "http://something.com/{{c}}";

alert(stringA.supplant(obj));

演示 - http://jsfiddle.net/saZGg/

Answer 2

var arr = /(.*){{(\w)}}(.*)/.exec(stringA);
arr[2] = obj[arr[2]];
arr.shift(); // remove full string at start
var newString = arr.join("");

• 一般对字符串运行正则表达式，
• 执行并将其转换为数组。
• 将对象散列中的值的组之一交换，
• 将数组连接到“编译”字符串中。

或者使用 .replace 解决方案之一，这无疑更优雅。

Answer 3

应该这样做：

function format(str, values) {
    return str.replace(/{{(\w)}}/g, function(match, name) {
        return values[name] || match;
    });
}

它只是查找对象是否具有具有捕获名称的属性。如果没有，则不会替换任何内容。

用法：

var str = format(stringA, obj);