如何从字符串中获取所有可替换变量？- Jquery或Javascript

function getVariablesFromString(str) {
  var regex = /{{(.*?)}}/g;
  var matches = str.match(regex);
  var variables = [];
  if (matches) {
    for (var i = 0; i < matches.length; i++) {
      var variable = matches[i].replace('{{', '').replace('}}', '');
      variables.push(variable);
    }
  }
  return variables;
}

var str = 'Hello {{name}}, your {{product}} will be delivered on {{date}}';
var variables = getVariablesFromString(str);
console.log(variables);

var data = {
  name: 'John',
  product: 'iPhone',
  date: '2022-01-01'
};

var finalStr = str;
for (var i = 0; i < variables.length; i++) {
  var variable = variables[i];
  finalStr = finalStr.replace('{{' + variable + '}}', data[variable]);
}

console.log(finalStr);