replacing curly brackets and text in it with node

Question

I have a string

var str="Hello my name is {john/www.john.com} and welcome to my {site/www.site.com}."

i have extracted curly brackets and made an anchor tag out of them like

<a href="www.john.com">john</a>

What i am trying to do is replace curly brackets and content in them with these nodes. Is it possible using regExp? I have studied regExp on MDN but still cant figure out the way.

Answer 1

Sure it is:

var str = "Hello my name is {john/www.john.com} and welcome to my {site/www.site.com}.";

str = str.replace(/\{(.+?)\/(.+?)\}/g, function(m, label, url) {
    return '<a href="http://' + url + '">' + label + '</a>';
});

document.write(str);

The regex is:

\{(.+?)\/(.+?)\}

• \{ matches {
• (.+?) matches and captures anything (as few chars as possible, so up to the first /)
• \/ matches /
• (.+?) matches and captures anything up to }
• \} matches }