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不断的切割切割...