通過正則格式化url查詢字符串實(shí)現(xiàn)代碼
更新時(shí)間:2012年12月28日 18:15:32 作者:
看到項(xiàng)目里通過js數(shù)組split方法格式化查詢字符串的,突發(fā)奇想為什么不能用正則呢,性能如何?感興趣的朋友可以研究下哦
看到項(xiàng)目里通過js數(shù)組split方法格式化查詢字符串的,突發(fā)奇想為什么不能用正則呢,性能如何?于是便有了如下代碼:
var url='www.baidu.com?a=123&b=456&c=789&e=dfsdfsdfsdfsdfsdfsdf&f=46545454545454785&g=e23232dsfvdfvdf';
/**
* 格式化查詢字符串(正則實(shí)現(xiàn))
* @param url url地址
* @return {Object} 格式化的json對(duì)象
*/
function formatUrl(url){
var reg=/(?:[?&]+)([^&]+)=([^&]+)/g;
var data={};
function fn(str,pro,value){
data[decodeURIComponent(pro)]=decodeURIComponent(value);
}
url.replace(reg,fn);
return data;
}
/**
* 格式化查詢字符串(數(shù)組實(shí)現(xiàn))
* @param url url地址
* @return {Object} 格式化的json對(duì)象
*/
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
測(cè)試瀏覽器是chrme 25;正則實(shí)現(xiàn)的函數(shù)居然比數(shù)組實(shí)現(xiàn)的函數(shù)要慢(淚奔....)。不過還好,在重復(fù)執(zhí)行一百萬次的情況下只慢0.4秒
復(fù)制代碼 代碼如下:
var url='www.baidu.com?a=123&b=456&c=789&e=dfsdfsdfsdfsdfsdfsdf&f=46545454545454785&g=e23232dsfvdfvdf';
/**
* 格式化查詢字符串(正則實(shí)現(xiàn))
* @param url url地址
* @return {Object} 格式化的json對(duì)象
*/
function formatUrl(url){
var reg=/(?:[?&]+)([^&]+)=([^&]+)/g;
var data={};
function fn(str,pro,value){
data[decodeURIComponent(pro)]=decodeURIComponent(value);
}
url.replace(reg,fn);
return data;
}
/**
* 格式化查詢字符串(數(shù)組實(shí)現(xiàn))
* @param url url地址
* @return {Object} 格式化的json對(duì)象
*/
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
測(cè)試瀏覽器是chrme 25;正則實(shí)現(xiàn)的函數(shù)居然比數(shù)組實(shí)現(xiàn)的函數(shù)要慢(淚奔....)。不過還好,在重復(fù)執(zhí)行一百萬次的情況下只慢0.4秒
您可能感興趣的文章:
- asp.net獲取URL和IP地址的方法匯總
- ASP.NET中的URL過濾實(shí)現(xiàn)代碼
- js中escape對(duì)應(yīng)的C#解碼函數(shù) UrlDecode
- js分解url參數(shù)(面向?qū)ο?極簡(jiǎn)主義法應(yīng)用)
- Asp.net中Request.Url的各個(gè)屬性對(duì)應(yīng)的意義介紹
- js URL參數(shù)的拼接方法比較
- ASP.NET jQuery 實(shí)例10 動(dòng)態(tài)修改hyperlink的URL值
- 從URL中提取參數(shù)與將對(duì)象轉(zhuǎn)換為URL查詢參數(shù)的實(shí)現(xiàn)代碼
- 關(guān)于URL中的特殊符號(hào)使用介紹
- js中將URL中的參數(shù)提取出來作為對(duì)象的實(shí)現(xiàn)代碼
- URL中去除指定參數(shù)實(shí)現(xiàn)C#代碼
相關(guān)文章
js鼠標(biāo)移動(dòng)時(shí)禁止選中文字
本文主要介紹了js鼠標(biāo)移動(dòng)時(shí)禁止選中文字的方法,具有很好的參考價(jià)值,下面跟著小編一起來看下吧2017-02-02JavaScript檢測(cè)實(shí)例屬性, 原型屬性
這篇文章主要介紹了JavaScript檢測(cè)實(shí)例屬性, 原型屬性,需要的朋友可以參考下2015-02-02JS 設(shè)置Cookie 有效期 檢測(cè)cookie
這篇文章主要介紹了JS 設(shè)置Cookie 有效期 檢測(cè)cookie的相關(guān)資料,需要的朋友可以參考下2017-06-06微信小程序?qū)崿F(xiàn)簡(jiǎn)單的搖骰子游戲
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)簡(jiǎn)單的搖骰子游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-05-05uni-app配置APP自定義頂部標(biāo)題欄設(shè)置方法與注意事項(xiàng)
相信很多小伙伴在使用uniapp進(jìn)行多端開發(fā)的時(shí)候,在面對(duì)一些業(yè)務(wù)需求的時(shí)候,uniapp給我們提供的默認(rèn)導(dǎo)航欄已經(jīng)不能滿足我們的業(yè)務(wù)需求了,這篇文章主要給大家介紹了關(guān)于uni-app配置APP自定義頂部標(biāo)題欄設(shè)置方法與注意事項(xiàng)的相關(guān)資料,需要的朋友可以參考下2022-07-07Js實(shí)現(xiàn)復(fù)選框的全選、全不選反選功能代碼實(shí)例
這篇文章主要介紹了Js實(shí)現(xiàn)復(fù)選框的全選、全不選和反選,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-02-02Iframe 自適應(yīng)高度并實(shí)時(shí)監(jiān)控高度變化的js代碼
不得不用到iframe,且被強(qiáng)烈要求不能讓它出現(xiàn)滾動(dòng)條!嵌入的頁面肯定是高度不一的,頁面中也不能出現(xiàn)大片空白,所以也不能寫死高度!真是麻鬼煩??!2009-10-10