在 JavaScript 中使用递归逻辑高效提取嵌套 URL 参数

哈喽！大家好，很高兴又见面了，我是golang学习网的一名作者，今天由我给大家带来一篇《在 JavaScript 中使用递归逻辑高效提取嵌套 URL 参数》，本文主要会讲到等等知识点，希望大家一起学习进步，也欢迎大家关注、点赞、收藏、转发! 下面就一起来看看吧！

问题描述: 从嵌套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 辅助函数

此方法改进了解析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对象，保证了代码的效率和可靠性。

参考资源:

• URL
• URLSearchParams

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 参数》的内容介绍就到此结束，如果有什么疑问或者建议，可以在golang学习网公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！