多次应用替换（使用 Javascript 动态）

Question

我有当前的功能：function replaceValue(v) {  const firstRegex = new RegExp('hello', 'g');  const secondRegex = new RegExp('bye', 'g');  return v.replace(firstRegex, '@').replace(secondRegex, '#');}但是，现在我想添加更多正则表达式，并且我想要一个如下所示的数据结构：const regexStorage = [{ value: '@', replace: 'hello',}, { value: '#', replace: 'bye',}]我想不出一种方法来使用它regexStorage来动态添加数组中存在的给定值的尽可能多的替换。我必须这样做：function replaceValue(v) {  const firstRegex = new RegExp(regexStorage[0].replace, 'g');  const secondRegex = new RegExp(regexStorage[1].replace, 'g');  return v.replace(firstRegex, regexStorage[0].value).replace(secondRegex, regexStorage[1].value);}但这只是使用存储。我想知道如何动态地做到这一点。

Answer 1

在 JS 中，您可以编写一个单行的 reduce（它是为这种对数组进行操作但返回单个值的确切场景而设计的）（mdn）循环为：

const regexStorage = [{

 value: '@',

 replace: 'hello',

}, {

 value: '#',

 replace: 'bye',

}];

let replaceValue = v => regexStorage.reduce((v, {value, replace}) => v.replace(new RegExp(replace, 'g'), value), v);

let str = 'hi hello bye bi hello';

console.log(replaceValue(str));

console.log(str);

Answer 2

您可以遍历正则表达式存储

const regexStorage = [

  {

   value: '@',

   replace: 'hello',

  }, 

  {

   value: '#',

   replace: 'bye',

  }

]

function replaceValue(v) {

  for(var i = 0; i < regexStorage.length; i++){

    v = v.replace(new RegExp(regexStorage[i].replace, "g"), regexStorage[i].value);

  }

  return v;

}

var data = "hello, my name is andam. bye.";

console.log(data);

console.log(replaceValue(data));