获取 URL 中的 Query 参数

5,050 阅读1分钟

需求描述

获取 URL 中的 Query 参数,例如:

https://www.example.com/test.html?a=param1&b=param2

代码片段

实现一

使用URLSearchParams对象,兼容性见Can I Use

const urlString = 'https://www.example.com/test.html?a=param1&b=param2';
const urlObj = new URL(urlString);
const [a, b] = urlObj.searchParams.values();

实现二

function parseSearchParams(searchParamsString){
    return searchParamsString.split('&').reduce((searchParams, curKV)=>{
        const [k, v] = curKV.split('=').map(decodeURIComponent);
        searchParams[k] = v;

        return searchParams;
    }, {});
}