How to get effect like this?
name = 'Mark';
template = 'Your name is {{name}}';
console.log(template); // return "Your name is Mark";
name = 'John';
console.log(template); // return "Your name is John"
How to make some kind of easy template system for strings? Maybe function that will find for some tags ( {{ }} for example) and replace text inside with current variable? Or some method that is build in JS?
Try mustache. https://mustache.github.io/mustache.5.html
A typical template would look like this:
Hello {{name}}
You have just won {{value}} dollars!
The same (custom-templates) can be achieved using react as well, but react uses javascript code in single {} curlies. This allows u to fit logic around ur (template) components. They become reusable across views.
I created a very simplified templating function if you really need it to be dynamic. I don't recommend using this for a production site, as there are templating engines like handlebars, mustache, dust, etc, but this may work for you. You can test it out at this fiddle: https://jsfiddle.net/vw6av0am/
function templateMe(template, obj) {
var regex = /{{(.*?)}}/g;
return template.replace(regex, function(match, capture) {
return obj[capture] || "";
});
}
var template = 'Your name is {{name}}';
var obj = {
name: "Mark"
};
var output = templateMe(template, obj);
console.log(output);
