JS获取URL中的Query参数

需求描述

获取 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;
    }, {});
}

关注公众号“web开发圈”或扫描二维码

发送“大会”，即可获取最新前端重要大会的视频资料。