获取URL参数并转换成对象

获取URL参数并转换成对象

在日常项目中 我们可能会需要获取网址URL的参数,在此写了一个方法记录一下操作

// 获取URL参数并转换成对象
function getQueryParams(){
    const result = {} // 存参数得对象
    const urlString = window.location.search; // 拿到url 参数 "格式 ?name=home&age=20"
    // 利用正则表达式
    let reg = /[?&][^?&]+=[^?&]+/g;
    const found = urlString.match(reg) ; //拿到有符合正则得字符串，输出为数组 [ '?name=home', '&age=20' ]
    if(found){
        found.forEach(item => {
            let temp = item.substring(1).split('='); // = 分割
            let key = temp[0];
            let value = temp[1];
            result[key] = value
        })
    }
    return result
}
getQueryParams()

2023-03-23更新

直接获取当前地址的某个参数

// name 传参为需要的参数名
        function getQueryString(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) {
                return unescape(r[2]);
            }
            return null;
        }