首页 > 代码库 > js处理url参数

js处理url参数

2024-07-29 01:48:47   221人阅读

哎，又是一道笔试题……都怪我太懒，不多思考。之前一直用别人的代码来获取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不断的切割切割...

js处理url参数


联系
我们