使用JavaScript动态键的正则表达式

Question

I have an object, and inside my HTML I use tags of the form [itemkey] to refer to the value of the itemkey property of that object, and want to replace these tags with their values. My JavaScript code looks like this:

_.forEach(objectItem,function(val,key){
  var re = new RegExp('\[' + key +'\]','g');
  htmlDump = htmlDump.replace(re,val)
});

But it does not work. What is wrong?

Answer 1

Whatever manipulation of the HTML you do, nothing you do will have any effect until you replace the HTML of the document.

Other than that, there is no logical reason why @Tushar's approach as given in the first comment would not work (except that it needed a g flag):

new RegExp('\\[' + key + '\\]', 'g');

Overall, this approach is flawed. You are replacing the entire HTML; for instance, that will wipe out all event listeners. Instead, you should iterate through the DOM and apply your transformation to each text node.

Please be aware that ideally you should be escaping the key in order to avoid regexp-related characters in it from breaking the regexp.