如何实现replace批量替换？精简代码完成多内容替换

你当前尝试的service.replace[['SERVICE=1', 'test1', ...]]写法无法生效，因为原生String.replace()方法并不支持这种数组参数的调用形式。下面是几种可行的批量替换方案，既能实现需求又能避免代码冗余：

方案1：用reduce链式执行替换 #

将所有替换规则集中定义在数组里，通过Array.reduce()批量调用replace，逻辑和你注释里的链式写法完全等价，但更易于维护：

// 集中管理替换规则：每项为[查找文本, 替换文本]
const replaceRules = [
  ['SERVICE=1', 'test1'],
  ['SERVICE=3', 'test2'],
  ['SERVICE=2', 'test3']
];

// 批量执行替换
const t1 = replaceRules.reduce((currentStr, [searchVal, replaceVal]) => {
  return currentStr.replace(searchVal, replaceVal);
}, service);

后续新增或修改替换规则，只需调整replaceRules数组即可，无需重复编写.replace()调用。

方案2：支持全局替换的版本 #

如果需要替换字符串中所有匹配的子串（而非仅第一个），可以结合正则表达式实现，注意要转义查找文本中的正则特殊字符：

// 转义正则特殊字符的工具函数
const escapeRegExp = (str) => str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');

const replaceRules = [
  ['SERVICE=1', 'test1'],
  ['SERVICE=3', 'test2'],
  ['SERVICE=2', 'test3']
];

// 全局批量替换
const t1 = replaceRules.reduce((currentStr, [searchVal, replaceVal]) => {
  return currentStr.replace(new RegExp(escapeRegExp(searchVal), 'g'), replaceVal);
}, service);

方案3：封装成复用工具函数 #

如果需要在多个地方使用批量替换逻辑，可以封装成工具函数：

function batchReplace(originalStr, replaceRules) {
  return replaceRules.reduce((res, [search, replace]) => {
    return res.replace(search, replace);
  }, originalStr);
}

// 使用示例
const replaceRules = [
  ['SERVICE=1', 'test1'],
  ['SERVICE=3', 'test2'],
  ['SERVICE=2', 'test3']
];
const t1 = batchReplace(service, replaceRules);

内容的提问来源于stack exchange，提问作者terraria219