How can I replace values in an array of variables with jQuery

Question

I have this code

newRow =  "<tr><td>[[var1]]</td><td>[[var2]]</td><td>[[var3]]</td></tr>"

Now i have this array

data['var1'] ='test1';
data['var2'] ='test2';
data['var3'] ='test3';

I want to replace the above data in newRow in simplest possible way. How can I do that?

Answer 1

$.each(data, function(key, item) {
    newRow = newRow.replace('[[' + key + ']]', item);
});

DEMO

Answer 2

No need for jQuery:

newRow = newRow.replace(/\[\[(\w+)\]\]/g, function($0, $1) {
  return ($1 in data ? data[$1] : '');
  // empty string as fallback, if not available in data
});