React正则URL匹配问题：需匹配含current参数的URL排除currentPage

要实现只匹配包含独立current参数（如current=true）或参数值为current（如filter=current）的URL，同时排除currentPage这类包含current子串的参数，你需要修改正则逻辑，确保current是作为完整的参数名或参数值出现，而非其他参数名的一部分。

修改后的代码实现 #

let endpointRegexString = `${endpoint.replace('*', '')}`;

if (filter) {
    // 匹配两种场景：1. current作为参数名（?current= 或 &current=）；2. current作为参数值（=current& 或 =current结尾）
    endpointRegexString += `.*(?:\\?|&)${urlPattern}=|=${urlPattern}(?:&|$).*`;
}

// 根据需求添加正则flags，比如全局匹配/不区分大小写等
const urlRegex = new RegExp(endpointRegexString);

逻辑说明 #

• (?:\?|&)${urlPattern}=：精准匹配current作为参数名的情况，要求前面是URL参数起始符?或参数分隔符&，后面紧跟=，彻底避免匹配currentPage里的current子串。
• =${urlPattern}(?:&|$)：匹配current作为参数值的情况，要求前面是参数赋值符=，后面是参数分隔符&或URL结尾，覆盖filter=current这类场景。
• 前后的.*用于兼容URL中其他参数的位置变化，确保匹配不受参数顺序影响。

测试验证 #

• URL1（${endpoint}/list?currentPage=1&itemsPerPage=20&orderBy=name&orderType=1）：仅包含currentPage，不符合上述规则，会被排除。
• URL2（${endpoint}/list?current=true&currentPage=1&itemsPerPage=20&orderBy=name&orderType=1）：包含?current=，符合规则，会被匹配。
• URL3（${endpoint}/list?currentPage=1&filter=current&itemsPerPage=20&orderBy=name&orderType=1&searchBy=）：包含=current&，符合规则，会被匹配。

如果需要支持参数值带特殊字符的复杂场景，可以在正则中添加对应转义逻辑，上述写法已覆盖你的现有需求。

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