将变量注入正则表达式

Question

所以我正在尝试从 URL 获取某些值。假设我有以下 URL：

let url = "https://gk.example.com/my-path/to/some+more/multiple.variables/moreparams";

我正在尝试使用正则表达式从 URL 中提取some+more和multiple.variables部分。 我想出了以下表达式：

/(?<=/)([^/]*\+[^/]*)(?=/)/g （用于+分隔符）和/(?<=/)([^/]*\.[^/]*)(?=/)/g （用于.分隔符）

results = url.match(/(?<=/)([^/]*\+[^/]*)(?=/)/g); // result: ['some+more']
results = url.match(/(?<=/)([^/]*\.[^/]*)(?=/)/g); // result: ['gk.example.com', 'multiple.variables']

这将返回['some+more']和['gk.example.com', 'multiple.variables'] ，这是我可以使用的结果。 但是，我不想使用 if 语句在表达式之间切换，而是将变量注入通用正则表达式。 我尝试了以下（使用反引号（ ` ）能够注入变量：

function getSplitUrl(sep, url) {
    if (!url) url = window.location.href;
    let regex = new RegExp('(?<=/)([^/]*'+sep+'[^/]*)(?=/)', `g`),
        results = [];
    results[0] = url.match(`(?<=/)([^/]*${sep}[^/]*)(?=/)`, `g`);
    results[1] = regex.exec(url);
    console.log('Regex 1: ', regex); // logs `Regex 1: /(?<=/)([^/]*${sep}[^/]*)(?=\/)/g`, where ${sep} is replaced by either \. or \+ (seemingly correct expression)
    console.log(url, sep, results);
    return null;
}

从console.log(regex)看似乎是正确的正则表达式，但结果仍然是错误的。 结果现在是['gk.example.com', 'gk.example.com'] 。

我在这里遗漏了一些明显的东西吗？

编辑：

不知何故， url.match(regex)返回了正确的结果，而regex.exec(url)却没有。

Answer 1

保持简单，不要使用正则表达式，而是使用URL API来解析 url：

 const url = new URL("https://gk.example.com/my-path/to/some+more/multiple.variables/moreparams?limit=5&more=conf/fusion"); console.log(url.hostname); console.log(url.pathname) const parts = url.pathname.slice(1).split('/'); console.log(parts); const find = (substring) => parts.filter(p => p.includes(substring)); console.log(find('+')); console.log(find('.'));