通过正则格式化url查询字符串实现代码
看到项目里通过js数组split方法格式化查询字符串的,突发奇想为什么不能用正则呢,性能如何?于是便有了如下代码:
测试浏览器是chrme 25;正则实现的函数居然比数组实现的函数要慢(泪奔....)。不过还好,在重复执行一百万次的情况下只慢0.4秒
代码如下:
var url='www.baidu.com?a=123&b=456&c=789&e=dfsdfsdfsdfsdfsdfsdf&f=46545454545454785&g=e23232dsfvdfvdf'; /** * 格式化查询字符串(正则实现) * @param url url地址 * @return {Object} 格式化的json对象 */ function formatUrl(url){ var reg=/(?:[?&]+)([^&]+)=([^&]+)/g; var data={}; function fn(str,pro,value){ data[decodeURIComponent(pro)]=decodeURIComponent(value); } url.replace(reg,fn); return data; } /** * 格式化查询字符串(数组实现) * @param url url地址 * @return {Object} 格式化的json对象 */ function formatUrl2(url){ url=url.replace(/.*\?/,''); var args={}, items=url.length?url.split("&"):[] ,item=null ,i=0 ,len=items.length; for(i=0;i<items.length;i++){ item=items[i].split("="); args[decodeURIComponent(item[0])]=decodeURIComponent(item[1]); } return args; } var startTime=new Date(); for(var i=0;i<1000000;i++){ formatUrl2(url); } console.log('formatUrl2',(new Date()-startTime)); //formatUrl2 12138 startTime=new Date(); for(var i=0;i<1000000;i++){ formatUrl(url); } console.log('formatUrl',(new Date()-startTime)); //formatUrl 12537
测试浏览器是chrme 25;正则实现的函数居然比数组实现的函数要慢(泪奔....)。不过还好,在重复执行一百万次的情况下只慢0.4秒
相关推荐
杨德龙 2020-11-11
不要皱眉 2020-10-14
满地星辰 2020-09-16
梦的天空 2020-08-25
lrjnlp 2020-07-19
qidu 2020-07-05
flyingssky 2020-07-05
flyingssky 2020-06-27
RuoShangM 2020-06-17
天高任鸟飞 2020-06-13
Darklovy 2020-06-11
qidu 2020-06-08
Darklovy 2020-06-07
jyj00 2020-06-06
flyingssky 2020-06-04
山水沐光 2020-05-26
山水沐光 2020-05-25