Javascript如何用正则提取URL中/xx-xx/格式段后的路径内容

问题解决方法 #

你原来的代码存在语法错误、正则锚定错误、逻辑问题，可按以下两种方案实现： #

方案1：正则直接捕获（推荐）

直接通过捕获组拿到目标内容，逻辑更清晰：

const currentUrl = window.location.href;
// 正则匹配/xx-xx/格式段后的所有内容，存入捕获组1
const matchRes = currentUrl.match(/\/[a-zA-Z]{2}-[a-zA-Z]{2}\/(.*)/);
const result = matchRes ? matchRes[1] : '';

测试效果：输入https://www.whatever.com/en-CA/something，返回结果为something。 #

方案2：split拆分实现

如果要使用split方法，修正后的写法如下：

const currentUrl = window.location.href;
const splitArr = currentUrl.split(/\/[a-zA-Z]{2}-[a-zA-Z]{2}\//);
const result = splitArr.length > 1 ? splitArr[1] : '';

原代码问题说明

1. 正则加了^和$全局锚定，要求整个字符串完全匹配/xx-xx/格式才能生效，而完整URL带域名，不可能匹配成功
2. 语法错误：将下标[1]写在了正则字面量之后，还缺失右括号，不符合JS语法规范
3. 逻辑冗余：split拆分后已经可以直接拿到目标片段，不需要额外调用match匹配全部内容

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