JavaScript正则匹配字符串仅返回匹配部分是否可行？

当然可以啦！在JavaScript里，我们完全能通过正则表达式实现“匹配字符串，但只返回需要的那一小部分”的需求，刚好能解决你提到的URL提取场景。咱们来一步步看怎么实现：

先修正你的正则表达式 #

你原来写的/(/collections/)(.*?)(/products/)/ig有个小问题：因为JavaScript的正则是用/包裹的，所以正则内部的/必须转义成\/，不然会导致语法错误。修正后应该是：

/\/collections\/(.*?)\/products\//ig

这里的(.*?)就是捕获组——把我们真正需要的内容用括号包起来，后续就能单独提取它。

方法一：用捕获组 + exec()提取 #

exec()方法会返回一个数组，数组的第0项是整个匹配的完整字符串，第1项及以后就是各个捕获组的内容。比如针对你的URL：

const targetUrl = "https://website.com/collections/electronics/products/some-product";
const regex = /\/collections\/(.*?)\/products\//i; // 不需要g，因为我们只需要单个匹配
const matchData = regex.exec(targetUrl);

if (matchData) {
  console.log(matchData[1]); // 直接输出 "electronics"
}

如果有多个符合条件的URL需要处理，你可以用循环配合exec()（记得加g修饰符）来逐个提取。

方法二：用断言直接匹配目标内容 #

如果你不想用捕获组，也可以用正向/反向断言来让正则直接匹配到你要的部分，不需要额外提取捕获组。比如：

const targetUrl = "https://website.com/collections/electronics/products/some-product";
const regex = /(?<=\/collections\/).*?(?=\/products\/)/i;
const matchResult = targetUrl.match(regex);

if (matchResult) {
  console.log(matchResult[0]); // 输出 "electronics"
}

这里的(?<=\/collections\/)是反向肯定断言，表示“匹配内容的前面必须是/collections/”；(?=\/products\/)是正向肯定断言，表示“匹配内容的后面必须是/products/”。这样正则匹配到的结果就直接是中间的electronics了。

两种方法都能满足需求：捕获组兼容性更好（支持旧版浏览器），断言写法更直观，你可以根据场景选择~

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