js处理url参数

哎,又是一道笔试题……都怪我太懒,不多思考。之前一直用别人的代码来获取url参数值,别人的代码是用正则表达式来写的,代码如下:

1 function getURLParam(name) {
2     return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)', "ig").exec(location.search) || [, ""])[1].replace(/+/g, '%20')) || null;
3 }

参数解释:name指要获取的参数名,字符串变量。

正则表达式解释:

new RegExp('(?|&)' + name + '=([^&;]+?)(&|#|;|$)', "ig")的意思是:
①创建一个正则表达式,匹配以字符?或者&开始,中间含有=的,并以&或#或;或$结束的字符串。
②ig意思是忽略大小写,进行字符串全局搜索。

exec方法为检索字符串中的正则表达式的匹配,存在匹配字符串则返回一个数组(第0个元素为正则表达式匹配的字符串,1,2,3...等分别存储正则表达式字串的匹配字符),不存在则返回null值。
这里取第一个子表达式(即:([^&;]+?))所匹配到的字符串,也就是我们想要的字串
exec方法学习:JavaScript exec() 方法
location.serach为url中?及其后边的字串(包含?)。

笔试刚看到这道题时,脑子里都是悔恨啊,悔恨到居然把split函数给忘了!!虽然这样写很鸡肋,但是还是能解决问题的!

用split写的鸡肋代码:

 1 function getUrlParam(name){
 2         var arr = decodeURIComponent(location.search.split('?')[1]).split('&');
 3         var request=[];
 4         var temp=[];
 5         for(var i = 0;i<arr.length;i++){
 6             temp = arr[i].split('=');
 7             request[temp[0]] = temp[1];
 8         }
 9         return request[name] || null;
10     }

代码就不解释了。就是用split不断的切割切割...

原文地址:https://www.cnblogs.com/zquancai/p/4048371.html