如何用JavaScript或jQuery检测URL查询字符串参数与指定值是否精确匹配

不需要依赖jQuery，原生JavaScript就可以简单实现，完全避免模糊匹配导致的误判问题。

现代浏览器推荐方案（URLSearchParams） #

绝大多数主流浏览器都原生支持URLSearchParams接口，专门用于处理URL查询字符串，代码最简洁易维护：

// 提取当前URL的查询参数部分
const queryParams = new URLSearchParams(window.location.search);
// 精确获取product参数的取值
const productVal = queryParams.get('product');

// 按需判断参数值，完全避免误匹配问题
if (productVal === '2' || productVal === '3') {
  alert('success');
} else {
  alert('nothing');
}

// 如果你需要判断product是否等于30，直接修改判断条件即可：
// if (productVal === '30') { ... }

该方案会自动处理参数的位置、编码等情况，只有product参数的精确值符合条件才会触发逻辑，哪怕URL中存在product=30、otherproduct=3、路径中包含product=3字符串的场景都不会误判。

兼容旧浏览器的正则方案 #

如果需要兼容IE等不支持URLSearchParams的老旧环境，可以用正则实现精确匹配：

// 正则精确匹配product参数的完整取值
const matchResult = window.location.search.match(/[?&]product=([^&]+)(?=&|$)/);
const productVal = matchResult ? matchResult[1] : null;

if (productVal === '2' || productVal === '3') {
  alert('success');
} else {
  alert('nothing');
}

正则的匹配逻辑保证只会匹配独立的product参数，不会截取其他参数或者更长参数值的部分内容。

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