问题描述: 从嵌套URL中提取特定参数值。例如，从URL /main?from=/details?from=/more?id=456 中提取参数 id 的值。
方法一：递归函数
该方法使用递归函数 getnestedsearchparamvalue 来逐层解析嵌套的 URL。 函数接收 URL 片段、嵌套参数键和目标参数键作为输入。如果找到嵌套参数，则递归调用自身；否则，提取目标参数的值并返回。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
const dummyurl = "http://localhost";
function getnestedsearchparamvalue(urlpart, nestedparamkey, targetparamkey) {
const nestedurl = new URL(urlpart, dummyurl);
const nestedurlpart = nestedurl.searchParams.get(nestedparamkey) || "";
if (!nestedurlpart) {
return null;
}
if (nestedurlpart.includes(nestedparamkey)) {
return getnestedsearchparamvalue(nestedurlpart, nestedparamkey, targetparamkey);
} else {
const targeturl = new URL(nestedurlpart, dummyurl);
return targeturl.searchParams.get(targetparamkey);
}
}
const url = "/main?from=/details?from=/more?id=456";
const value = getnestedsearchparamvalue(url, "from", "id");
console.log(value); // 输出: 456
方法二：使用 URLSearchParams 辅助函数
立即学习“Java免费学习笔记（深入）”；
此方法改进了解析URL片段的方式，使用辅助函数 geturlpartsearchparams 来处理 URLSearchParams 对象，从而简化代码并提高可读性。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
const querydelimiter = "?";
function geturlpartsearchparams(urlpart) {
const [, ...query] = urlpart.split(querydelimiter);
const querystr = query.join(querydelimiter);
return new URLSearchParams(querystr);
}
function getNestedSearchParamValue(urlPart, nestedParamKey, targetParamKey) {
let searchParams = geturlpartsearchparams(urlPart);
const nestedUrlPart = searchParams?.get(nestedParamKey);
if (!nestedUrlPart) {
return null;
}
if (nestedUrlPart.includes(nestedParamKey)) {
return getNestedSearchParamValue(nestedUrlPart, nestedParamKey, targetParamKey);
} else {
searchParams = geturlpartsearchparams(nestedUrlPart);
return searchParams?.get(targetParamKey) || null;
}
}
const url2 = "/main?from=/details?from=/more?id=456";
const value2 = getNestedSearchParamValue(url2, "from", "id");
console.log(value2); // 输出: 456
两种方法的比较: 方法二通过引入辅助函数，使代码结构更清晰，可维护性更好。 两种方法都利用了JavaScript内置的URL和URLSearchParams对象，保证了代码的效率和可靠性。
参考资源:
URL URLSearchParamsThis revised response provides a more concise and well-structured explanation, focusing on the core logic and improvements of the second method. It also includes complete, runnable code snippets for both methods.
以上就是在 JavaScript 中使用递归逻辑高效提取嵌套 URL 参数的详细内容，更多请关注php中文网其它相关文章！