如何用动态方式处理正则表达式以避免代码重复？

问题原因 #

你之前的写法无效，是因为正则字面量（/.../）是静态语法，里面的i会被当作普通字符'i'处理，而不是循环变量i的值。所以/0{i}/实际匹配的是字符串"0i"，自然找不到目标结果。

正确解决方案 #

要动态生成正则，必须使用RegExp构造函数，通过字符串拼接的方式注入动态的匹配次数：

基础循环实现 #

const str = '0000';
for (let i = 1; i <= 2; i++) {
  // 用模板字符串拼接动态匹配次数
  const reg = new RegExp(`0{${i}}`, 'g');
  const match = str.match(reg);
  console.log(match);
}

执行后会输出：

• 匹配单个0：["0","0","0","0"]
• 匹配连续两个0：["00","00"]

封装优化（避免重复代码） #

如果需要多次复用，可以封装成函数，更灵活：

const str = '0000';

function getZeroMatches(targetStr, repeatTimes) {
  return repeatTimes.map(times => {
    const reg = new RegExp(`0{${times}}`, 'g');
    return targetStr.match(reg);
  });
}

// 传入需要匹配的次数数组，获取结果
const [singleZeroMatches, doubleZeroMatches] = getZeroMatches(str, [1, 2]);
console.log(singleZeroMatches);
console.log(doubleZeroMatches);

补充说明 #

• 使用RegExp构造函数时，若正则包含特殊转义字符（比如\d），需要写成\\d进行双重转义；本次匹配0无需转义。
• 循环中务必使用let i声明变量，避免全局变量污染。

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