Question

I have a string that looks like this:

var minLength = 3;
var mystring = "This field must be {{minLength}} characters"

I’m curious of a good way to to detect the presence of {{ … }} and replace the contents with the minLength variable. As you can probably expect there are a number of different variables like minLength, maxLength, etc. I’ve tried regex but can’t seem to get it to work.

Answer 1

var values = {
    minLength: 3
};

var text = "This field must be {{minLength}} characters";
var mystring = text.replace(/\{\{([^}]+)\}\}/, function(i, match) {
    return values[match];
});

demo

This way you can add more than one value to be replaced, you just have to add it do values and add g to the regex.

var values = {
    minLength: 3,
    maxLength: 10
};

var text = "This field must be min {{minLength}} characters and max {{maxLength}}";
var mystring = text.replace(/\{\{([^}]+)\}\}/g, function(i, match) {
    return values[match];
});
console.log(mystring); // This field must be min 3 characters and max 10

demo