如何使用正则表达式提取指定URL参数及行首至第2个&的内容

嘿，我来帮你搞定这两个正则表达式的需求，针对你给出的字符串：

let x = "Categories=All&Search=hat&ListPage=15&Page=1";

下面是具体的解决方案：

1. 提取Categories和Search参数的值 #

要提取这两个参数的值，我们可以利用捕获组精准匹配参数名对应的取值，这里分两种思路实现：

单个参数单独匹配 #

• 提取Categories的值：
  正则表达式：/Categories=([^&]+)/
  逻辑解释：

  • Categories= 精准定位参数名的固定前缀
  • ([^&]+) 捕获组，匹配除&之外的所有字符（也就是参数的具体取值）
    使用示例：

  const categoriesMatch = x.match(/Categories=([^&]+)/);
  const categoriesValue = categoriesMatch ? categoriesMatch[1] : null;
  console.log(categoriesValue); // 输出 "All"
  

• 提取Search的值：
  正则表达式：/Search=([^&]+)/
  用同样的逻辑匹配Search参数，使用示例：

  const searchMatch = x.match(/Search=([^&]+)/);
  const searchValue = searchMatch ? searchMatch[1] : null;
  console.log(searchValue); // 输出 "hat"
  

一次性匹配两个参数 #

如果想一次拿到两个参数的值，可以用包含双捕获组的正则：
正则表达式：/Categories=([^&]+)&Search=([^&]+)/
使用示例：

const bothMatch = x.match(/Categories=([^&]+)&Search=([^&]+)/);
if (bothMatch) {
  const [_, categoriesVal, searchVal] = bothMatch;
  console.log(categoriesVal); // "All"
  console.log(searchVal); // "hat"
}

2. 提取行首到第2个&的内容 #

要匹配从字符串开头到第2个&的完整片段，我们可以用非贪婪匹配或者精准字符限定的方式实现：

非贪婪匹配写法 #

正则表达式：/^.*?&.*?&/
逻辑解释：

• ^ 锚定字符串开头位置
• .*? 非贪婪匹配任意字符（避免直接跳转到最后一个&）
• 连续写两次&，对应匹配到第2个分隔符的位置
  使用示例：

const prefixMatch = x.match(/^.*?&.*?&/);
const targetContent = prefixMatch ? prefixMatch[0] : null;
console.log(targetContent); // 输出 "Categories=All&Search=hat&"

更高效的精准匹配写法 #

如果追求更好的性能，可以用限定字符范围的写法，避免任意字符匹配：
正则表达式：/^[^&]+&[^&]+&/
这个写法仅匹配&之外的字符，逻辑更精准，运行效率更高，最终效果和上面一致。

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