Question

I have the following string and regex:

var string = "Dear [to name], [your name] has decided to share this [link]"; 
var patt = /\[+[A-Za-z0-9]+\]/;

I want to be able to change each of the bracketed variables with dynamic input. How would I use match() or replace() to target the 1st, 2nd and 3rd occurrences of this regex?

EDIT: At the moment if I do something like document.write(body.match(patt)); it will match only the last one [link]

EDIT: The entire string is take from the value of a text box. The values for each of the brackets are taken from other text inputs and need to be inserted into the string before the text is put back into the text box.

Answer 1

Use a function as the second argument to the replace method:

var replacement = { "to name": "Joe", "your name": "Fred", "link": "foo" };

string = string.replace(/\[([^\]]+)\]/g, function (_, group) {
    return replacement[group];
});

Oh, and the reason your pattern is only matching the [link] text is because it allows only alphanumeric characters between brackets, not spaces.

EDIT: If the content of the brackets is unimportant, and you just want to replace them in order, use an array instead of a hash:

var replacement = [ "Joe", "Fred", "foo" ];
var index = 0;
string = string.replace(/\[[^\]]+\]/g, function () {
    return replacement[index++];
});