Javascript string replacement (a more elegant way)

Question

I have a string:

var myString = 'Some text {{more text}} next text';

And I am trying to replace {{ and }} with <span> and </span>.

I have done this by doing:

var myString = 'Some text {{more text}} next text';
myString = myString.replace(/\{\{/, '<span>');
myString = myString.replace(/\}\}/, '</span>');
console.log(myString);

However this seems messy, is there an approach that is more elegant?

Answer 1

Regex isn´t necessary here, you shorter and cleaner

myString = myString.replace('{{', '<span>');
myString = myString.replace('}}', '</span>');

Another possibility (thx @Artyom Neustroev for comment):

myString = myString.replace('{{', '<span>').replace('}}', '</span>');

Answer 2

If you want to use regex, here you have an example;

var myStrippedStr = myString.replace(/(.*){{(.*)}}(.*)/, '$1<span>$2</span>$3');