获取url参数的精简代码

题目描述

获取 url 中的参数

  1. 指定参数名称,返回该参数的值 或者 空字符串
  2. 不指定参数名称,返回全部的参数对象 或者 {}
  3. 如果存在多个同名参数,则返回数组

输入例子:

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

思路其实都差不多:

  1. 匹配出key=value中的key和value;
  2. 需要返回对象,则匹配结果用对象存储起来,result[k] = v;
  3. 需要处理多个同名参数情况,利用concat拼接(concat返回的是数组副本)
  4. 需要考虑,输入了参数可是参数没对应,与没传入sKey 的情况

其实就是根据题目要求做出对应的返回,以及考虑问题要全面点(函数健壮性)。

可能有问题的地方

function(a,k,v),各输入参数是什么意思?

第一个参数a是整个匹配的字符串(例如上题,第一次会等于?key=1,第二次会等于key=2&,第三次会等于key=3&),接下来依次是正则里面的分组(小括号括起来为一组,),详情请查看正则表达式的replace方法。

为啥[].concat(t,v)不能写成t.concat(v)?

如果用t.concat(v),如果t不是数组,会变成字符串拼接。我们要用的concat方法是数组里那个。而第一个出现的t是字符串。

void 0 是啥?void有如下作用:

  1. 通过采用void 0取undefined比采用字面上的undefined更靠谱更安全,应该优先采用void 0这种方式。
  2. 填充<a>的href确保点击时不会产生页面跳转; 填充<image>的src,确保不会向服务器发出垃圾请求。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏GreenLeaves

C# this关键字(给底层类库扩展成员方法)

本文参考自唔愛吃蘋果的C#原始类型扩展方法—this参数修饰符,并在其基础上做了一些细节上的解释 1、this作为参数关键字的作用 使用this关键字,可以向t...

2037
来自专栏流媒体人生

shell中的括号(小括号,中括号,大括号)

    ①命令组。括号中的命令将会新开一个子shell顺序执行,所以括号中的变量不能够被脚本余下的部分使用。括号中多个命令之间用分号隔开,最后一个命令可以没有...

1001
来自专栏Janti

干货——详解Java中的关键字

在平时编码中,我们可能只注意了这些static,final,volatile等关键字的使用,忽略了他们的细节,更深层次的意义。

1033
来自专栏一枝花算不算浪漫

[Java面试二]Java基础知识精华部分.

3919
来自专栏用户2442861的专栏

深入 char * ,char ** ,char a[ ] ,char *a[] 内核

http://blog.csdn.net/daiyutage/article/details/8604720

1062
来自专栏Crossin的编程教室

【Python 第66课】列表综合

大家假期过得可好?今天来讲讲 Python 里一个我非常喜欢的特性--列表综合(List Comprehension)。所谓列表综合,就是通过一个已有的列表生成...

3458
来自专栏数据结构与算法

BZOJ3585: mex(主席树)

Description   有一个长度为n的数组{a1,a2,...,an}。m次询问,每次询问一个区间内最小没有出现过的自然数。 Input   第一行n,m...

4159
来自专栏尚国

PHP反序列化漏洞

这里你可以看到, 我代码里的类定义为: class F, 这个序列化就是 F, 我定义变量名字是filename, 它这里也是 filename, 我们可以修改...

862
来自专栏PhpZendo

PHP 合并数组运算符 + 与 array_merge 函数

在 php 中对两个数组进行合并运算,通常使用 array_merge 和 加号(+)运算符,他们的区别是什么呢?先让我们看看下面的测试用例

831
来自专栏java初学

java中 i = i++和 j = i++ 的区别

38810

扫码关注云+社区