【2】获取 url 参数

获取 url 中的参数

1. 指定参数名称，返回该参数的值 或者 空字符串

2. 不指定参数名称，返回全部的参数对象 或者 {}

3. 如果存在多个同名参数，则返回数组

4. 不支持URLSearchParams方法

示例1

输入：http://www.nowcoder.com?key=1&key=2&key=3&test=4#hehe key

输出：[1, 2, 3]

function getUrlParam(sUrl, sKey) {
    var result = {};
    sUrl.replace(/\??(\w+)=(\w+)&?/g,function(a,k,v){
        if(result[k] !== void 0){
            var t = result[k];
            result[k] = [].concat(t,v);
        }else{
            result[k] = v;
        }
    });
    if(sKey === void 0){
        return result;
    }else{
        return result[sKey] || '';
    }
}

 

function getUrlParam(sUrl, sKey) {
    // 返回?后面#前面的
    let sParam = sUrl.split("?")[1].split("#")[0];  // key=1&key=2&key=3&test=4
    // 进一步将参数分割为数组
    let arr = sParam.split("&"); // ["key=1","key=2","key=3","test=4"]
    // 结果
    let res;
    if( sKey ){ // 如果指定参数
        // 结果为数组
        res = [];
        for (let i = 0; i < arr.length; i++) {
            // 分割为键值对
            let temp = arr[i].split("=");
            // 存储指定key值的结果
            if(temp[0] === sKey){
                res.push(temp[1]);
            }
        }
        if (res.length === 1) {
            // 长度为1，返回字符串
            return res[0];
        } else if(res.length === 0){
            // 长度为0，返回空字符串
            return "";
        } else {
            // 长度大于1返回数组
            return res;
        }
         
    } else { // 如果不指定参数
        // 结果为对象
        res = {};
        if(sParam === undefined || sParam === "" ){
            return res;
        }
        for (let i = 0; i < arr.length; i++) {
            // 分割为键值对
            let temp = arr[i].split("=");
            // 判断是否已存在结果
            if(!(temp[0] in res)){
                // temp[0]为键，temp[1]的数组为值
                res[temp[0]] = []; 
            }
            // 使用变量动态访问对象属性用obj[a]不能用obj.a
            res[temp[0]].push(temp[1]); 
        }
         
    }
    return res;
}

 

1. URL的组成

https://user:pass@www.baidu.com:80/index.html?type=1&name=2#haha

http/https：协议

user:pass：登录认证

www.baidu.com：域名，服务器地址

:80：端口地址

/index.html：请求资源文件路径

?type=1&name=2：查询字符串，携带参数，给服务器传的内容

#haha：哈希，片段标识符

2.String.split(separator, limit)：字符串分割成数组的方法，里面的参数是以什么分割，如果不传就是空字符串为分割，返回值是一个数组。

3.void是一元运算符，出现在操作数的左边，操作数可以是任意类型的值，void右边的表达式可以是带括号形式（例如：void(0)），也可以是不带括号的形式（例如void 0）。 使用void 0比使用undefined能够减少3个字节