js 获取 url 参数 组成对象

在JavaScript中，你可以通过URLSearchParams API或者正则表达式来获取URL中的参数并组成对象。以下是两种常见的方法：

**1. 使用URLSearchParams**

function getUrlParams(url) {
    const urlObj = new URL(url);
    const searchParams = urlObj.searchParams;
    return Object.fromEntries(searchParams.entries());
}

// 示例
const paramsObject = getUrlParams('http://example.com/?key1=value1&key2=value2');
console.log(paramsObject); // 输出: { key1: 'value1', key2: 'value2' }

**2. 使用正则表达式和split方法**

function getQueryParamsFromUrl(url) {
    const parser = document.createElement('a'); // 创建一个隐藏的`<a>`元素用于解析URL
    parser.href = url;

    const queryParams = {};
    parser.search.slice(1).split('&').forEach(pair => {
        const [key, value] = pair.split('=');
        queryParams[key] = decodeURIComponent(value);
    });
    return queryParams;
}

// 示例
const paramsObject = getQueryParamsFromUrl('http://example.com/?key1=value1&key2=value2');
console.log(paramsObject); // 输出: { key1: 'value1', key2: 'value2' }