定义一个方法获取一段携带参数的 url 中 key 对应的 value

最新推荐文章于 2024-07-14 03:05:06 发布

原创最新推荐文章于 2024-07-14 03:05:06 发布 · 746 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

javaScript 专栏收录该内容

30 篇文章

订阅专栏

本文介绍两种从URL中解析参数的方法，并通过实例展示了如何将参数转换为对象以方便使用。

思路

给定一段 url 地址，取出后面的参数转换成参数对象，然后再通过 key 找到对应的 value

方法一

let url = 'https://xxxx.com?a=1&b=2&c=&d'
function fn(url, key) {
    let arr = url.substr(url.indexOf('?')+1).split('&')
    let newObj = arr.reduce((obj, item)=>{
        obj[item.split('=')[0]] = item.split('=')[1]
        return obj
    }, {})
    return newObj[key]
}
        
console.log(fn(url, 'd')) // undefined

方法二

let url = 'https://xxxx.com?a=1&b=2&c=zs&d=李';
function p_urlParse(url, key) {
    let obj = {};
    let reg = /[?&][^?&]+=[^?&]+/g;
    let arr = url.match(reg);
    if (arr) {
        arr.forEach((item) => {
        let tempArr = item.substring(1).split('=');
        let key = decodeURIComponent(tempArr[0]);
        let val = decodeURIComponent(tempArr[1]);
        obj[key] = val;
        })
    }
    return obj[key];
};

console.log(p_urlParse(url, 'c')) // 'zs'