javascript - 无法根据预定义列表替换文本

Question

我正在尝试创建一个函数，根据预定义的搜索词列表以及应该替换的内容来替换一组代码中的特定字符串，

render = (data,list) => {
let temp = data;
  for(let i in list){
    temp.split(i).join(list[i]);
   //temp.replace(new RegExp(i, 'g'), list[i]); even this doesn't work
  }
return temp;
}
let test = render("<h1>a1</h1>",
 { "a1" : "Hello World" });

我没有看到任何错误，它只是不会替换任何内容并按原样返回原始数据，如果我单独使用用于替换的代码并手动将值放入 regExp 或 split join 函数中，效果很好..

//编辑

预期的输入和输出应该是，

let temp = "<h1> $1 </h1>";
console.log( render(test, { "$1":"Hello World" } ) );

这应该输出，

<h1> Hello World </h1>

但我反而得到了

<h1> $1 </h1>

就这样。

Answer 1

这是解决方案 -

render = (data, list) => {
  let temp = data;
  for (let i in list) {
    temp = temp.replace(new RegExp(i, 'g'), list[i]);
  }
  return temp;
}
let test = render("<h1>a1</h1>", {
  "a1": "Hello World"
});

console.log(test);