JavaScript三种获取URL参数值的方法

const params = new URLSearchParams("q=devpoint&page=1");
params.get("q"); // 'devpoint'
params.get("page"); // '1'

const params = new URLSearchParams("q=devpoint&page=1");
const entries = params.entries();
Object.fromEntries(entries); // {q: 'devpoint', page: '1'}

const url = new URL("https://stackabuse.com/search?q=devpoint&page=1");
const searchParams = url.searchParams;
searchParams.get("q"); // 'devpoint'
searchParams.get("page"); // '1'

url.href; // 'Https://stackabuse.com/search?q=devpoint&page=1'
url.origin; // 'https://stackabuse.com'
url.protocol; // 'https:'
url.host; // 'stackabuse.com'
url.hostname; // 'stackabuse.com'
url.port; // ''
url.pathname; // '/search'
url.search; // '?q=devpoint&page=2'
url.hash; // ''

function getQueryParams(url) {
    const paramArr = url.slice(url.indexOf("?") + 1).split("&");
    const params = {};
    paramArr.map((param) => {
        const [key, val] = param.split("=");
        params[key] = decodeURIComponent(val);
    });
    return params;
}