如何在正则表达式中使用循环变量？正则提取标签内容失效

问题根源 #

你用正则字面量/(?<=${itemList[i].label}: )\w+/g的时候，模板字符串的插值语法${}根本不会生效——正则字面量会把${itemList[i].label}直接当成普通字符串去匹配，自然找不到对应内容。

正确解法 #

要用RegExp构造函数来动态生成正则表达式，把变量和固定字符串拼接成正则模式字符串，再传入构造函数。另外注意两个细节：

• 如果label里包含正则特殊字符（比如.、*、?这类），要先转义，避免破坏正则结构
• 原正则的\w+只能匹配字母数字下划线，像地址里的逗号、空格匹配不到，建议换成.*?(?=\n|$)来匹配到换行或结尾的内容

修正后的代码 #

const text = "Company Name: ABC \n Address: 123St, LA \n Post Code: 12345 \n";
const itemList = [
  { id: 'companyName', label: 'Company Name' }, // 原示例label与文本不匹配，此处修正为实际存在的文本标签
  { id: 'companyaddress', label: 'Address' },
  { id: 'companyPostcode', label: 'Post Code' }
];

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

for (let i = 0; i < itemList.length; i++) {
  const label = itemList[i].label;
  // 构造正则模式字符串，用转义后的label，匹配到换行或结尾
  const pattern = `(?<=${escapeRegExp(label)}: )(.*?)(?=\\n|$)`;
  const caseRegex = new RegExp(pattern, 'g');
  const regexStr = caseRegex.exec(text);
  console.log(`匹配${label}的结果:`, regexStr ? regexStr[1].trim() : '无匹配');
}

额外说明 #

• 原示例中第一个item的label是Case or Reference Id，但文本里对应的标签是Company Name，所以需要调整label值才能匹配到结果，实际使用时请根据文本内容对应修改
• escapeRegExp函数用来处理label中的正则特殊字符，比如如果label是Company.Name，转义后会变成Company\.Name，避免.被当成任意字符匹配
• .*?(?=\n|$)是非贪婪匹配，会从label后面的空格开始，匹配到下一个换行或文本结尾，能正确捕获包含特殊字符的内容

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