Question

I have this text in javascript:

'This is a %{component} with a %{value}'

I should replace all words that look like %{\w+} with <span>word</span>

The final result should look like:

'This is a <span>component</span> with a <span>value</span>'

Answer 1

As already written use String.replace and a RegEx:

var originalString = 'This is a %{component} with a %{value}';
var replacedString = originalString.replace(/%\{(\w+)\}/g, '<span>$1</span>');
// "This is a <span>component</span> with a <span>value</span>"