JavaScript正则非捕获组不生效 无法复现PHP正则匹配效果

• JavaScript 正则不支持PHP中的\K语法：\K会重置匹配起始点，将之前匹配到的内容从最终结果中丢弃，你直接替换为非捕获组(?:)无法实现同等效果——非捕获组仅不会生成单独的分组引用，匹配到的内容仍然会保留在完整匹配结果中。
• 原有改写版本存在冗余嵌套分组，会触发不必要的正则回溯，无法准确命中目标匹配位置。

现代环境写法（ES2018+ 支持，覆盖95%以上用户场景） #

使用零宽正向后顾断言，将需要排除的标签起始标记放入断言块中，这部分内容不会计入最终匹配结果，和PHP版本的\K效果完全一致：

// 匹配标签对之间的文本内容（如<strong>bold</strong>中的bold）
const tagContentReg = /(?<=>)[^<>]+?(?=<)/g;
// 匹配开标签内标签名后的属性内容（如<a 后的class、href属性段）
const tagAttrReg = /(?<=<+[a-zA-Z][a-zA-Z0-9]*\s+)[^>]+?(?=>)/g;

全环境兼容写法 #

如果需要兼容不支持后顾断言的老旧JS环境，可以通过捕获组提取目标内容，不需要强制让完整匹配结果等于目标值：

// 同时匹配标签间文本、标签内属性，结果取第1或第2个捕获组即可
const universalReg = /<+\/?[a-zA-Z][a-zA-Z0-9]*\s*([^>]+?)>|>([^<>]+?)</g;

// 调用示例
const testHtml = '<strong>bold</strong><a class="anchorable" href="demo-link">';
let matchRes;
while ((matchRes = universalReg.exec(testHtml)) !== null) {
  const targetContent = matchRes[1] || matchRes[2];
  console.log(targetContent);
  // 输出顺序：bold、class="anchorable" href="demo-link"
}

• 自动排除标签本身的尖括号、标签名部分，仅返回标注的目标内容
• 不会误匹配注释、Doctype声明等特殊尖括号内容
• 支持普通标签、自闭合标签、闭合标签、多<起始的异常标签等常见场景

内容的提问来源于stack exchange，提问作者Tomáš Gabriel