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

<code class="javascript">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</code>

<code class="javascript">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</code>