日常代码优化系列:(一)获取url参数

最近刷牛客网的时候,看到某大神写的 获取url参数 的简洁写法,正则用的那叫一个6,顿时心生敬佩,赶紧来学习膜拜一下~~

题目描述:获取 url 中的参数

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] || '';
    }
}

1、getUrlParam 函数接收两个参数,分别是 surl 和 指定的参数名称(可能为空)。

2、声明一个空的对象,用来存放字符串中的 参数名:参数值;

3、使用 string 的 replace 方法,需要注意的是,如果第一个参数是正则表达式,并且其为全局匹配模式,第二个参数为函数,那么这个方法将被多次调用,每次匹配都会被调用,否则只在第一次会调用。

str.replace(regexp|substr, newSubStr|function)
sUrl.replace(/\??(\w+)=(\w+)&?/g,function(a,k,v){...}) // 在surl中查找匹配 /\??(\w+)=(\w+)&?/g 的字符串 a,其中第一个(\w+)捕获组的匹配项为 k;第二个(\w+)捕获组的匹配项为 v。
以 'https://www.baidu.com/?Id=1&name=hqq&name=gb'为例:
  第一次匹配结果为:a='
?Id=1&' , k='Id' , v='1'
  第二次匹配结果为:a='name=hqq&' , k='name' , v='hqq'
  第三次匹配结果为:a='name=gb' , k='name' , v='gb'
由于正则使用了全局匹配模式,所以每次匹配都会调用后面的匿名函数。
if(result[k] != void 0){ // 目的是判断 result[k]是否为 undefined,不直接使用undefined的原因是,undefined 有可能会被修改,而 void 0 返回的值永远都是 undefined
    var t = result[k]; // 将 result 中 key 为 k 的 值赋给 t
    result[k] = [].concat(t,v);// 如果参数名称 k 已存在,将对应的参数值1,与传入的参数值2合并成一个数组,返回给result[k]即可 
}

 



posted @ 2018-09-19 15:07  Cassie_茜  阅读(517)  评论(1编辑  收藏  举报