问题描述: 从嵌套URL中提取特定参数值。例如，从URL /main?from=/details?from=/more?id=456 中提取参数 id 的值。
方法一：递归函数
该方法使用递归函数 getnestedsearchparamvalue 来逐层解析嵌套的 URL。 函数接收 URL 片段、嵌套参数键和目标参数键作为输入。如果找到嵌套参数，则递归调用自身；否则，提取目标参数的值并返回。
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 对象，从而简化代码并提高可读性。
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对象，保证了代码的效率和可靠性。
参考资源:
URLURL
This 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 参数的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2644067.html
