Javascript模式替换

Question

我有一个这样的物体

myObj = {
    "strPattern": "Name: #name#<br>Surname: #sname#<br>Location: #loc#",
    "name": "John",
    "sname": "Doe",
    "loc": "LA"
}

现在，我需要一个函数，该函数将接收我的对象并借助其模式将其作为字符串返回。

预期结果： "Name: John<br>Surname: Doe<br>Location: LA"

我无法使用JavaScript的replace方法来做到这一点，而且我也不知道该怎么做。 谢谢您帮忙。

顺便说一下，subStr的数量可以是动态的。 例如，在此示例中，有3个subString，但对于其他对象，可以为5或10。 ＃年龄＃，＃性别＃，等等...

Answer 1

您可以使用for (var key in myObj)结构循环到对象属性。 在每个循环中， key变量保存每个属性的名称，您可以使用myObj[key]变量访问其值。

在您的方案中如何使用的示例可能是这样的。

var myObj = {
    "strPattern": "Name: #subStr1#<br>Surname: #subStr2#<br>Location: #subStr3#",
    "subStr1": "John",
    "subStr2": "Doe",
    "subStr3": "LA"
};

var html = myObj["strPattern"];

for (var key in myObj) {
   var obj = myObj[key];
    if(key !== "strPattern") {
        html = html.replace("#" + key + "#",obj);
    }
}

jQuery('#result').html(html);

我还用它做了一个jsfiddle 。

编辑 ：正如@Andreas在评论中提到的那样，不能保证访问属性的顺序，我相应地调整了代码段。

Answer 2

以下功能可用于提高性能。 但是，如果您不需要多次使用模板，那就没用了。

function compile(tpl) {
    tpl = tpl.split(/#(.*?)#/);
    return Function('return [' + tpl.map(function (v, i) {
        if (i % 2) return 'this["' + v + '"]';
        return v && '"' + v.replace(/"/g, '\\"') + '"';
    }).join(',') + '].join("");');
}

用法示例：

var myObj = {
    "strPattern": "Name: #name#<br>Surname: #sname#<br>Location: #loc#",
    "name": "John",
    "sname": "Doe",
    "loc": "LA"
};

myObj.strPattern = compile(myObj.strPattern).call(myObj);

更有趣的 ：

var tpl = '#first# #last#',
    compiled = compile(tpl);

compiled.call({ first: 'John', last: 'Doe' }); // "John Doe"
compiled.call({ first: 'Walter', last: 'White' }); // "Walter White"

此处有更多详细信息： https : //stackoverflow.com/a/20886377/1636522 。

Answer 3

只能通过出现在字符串中的替换来解决此问题的另一种方法是：

var Stringify = function(obj){
  return obj.strPattern.replace(/#([a-z]+)#/gi, function(match,group){
    return obj[group] || match;
  });
};

var str = Stringify({
  "strPattern": "Name: #name#<br>Surname: #sname#<br>Location: #loc#",
  "name": "John",
  "sname": "Doe",
  "loc": "LA"
});

那些想使用string.replace(pattern, function)也可能对此感兴趣。

所有浏览器何时开始支持String.replace（regexp，replace_function）？

Answer 4

myObj = {
    "strPattern": "Name: #subStr1#<br>Surname: #subStr2#<br>Location: #subStr3#",
    "subStr1": "John",
    "subStr2": "Doe",
    "subStr3": "LA"
}
function patternMatcher(myObj){
  strp = myObj.strPattern;
  pattern = strp.match(/#(.*?)#/g);

  for (key in pattern){
    origKey = pattern[key].substr(1,pattern[key].length-2);
    strp =  strp.replace(pattern[key],myObj[origKey])
  }
return strp;
}

console.log(patternMatcher(myObj)); 

这是您的代码运行示例链接

Answer 5

function getFilled(myObj){
  pattern = myObj.strPattern.match(/#(.*?)#/g);
  for (key in pattern){
    myObj.strPattern =  myObj.strPattern.replace(pattern[key],myObj[pattern[key].substr(1,pattern[key].length-2)])
  }
return myObj.strPattern;
}

console.log(getFilled(myObj));