快捷導(dǎo)航

js分解url參數(shù)（面向?qū)ο?極簡主義法應(yīng)用）

更新時間：2012年08月09日 16:53:04 作者：

剛看到笑看風(fēng)云寫的JavaScript面向?qū)ο?極簡主義法)和一個分解url參數(shù)面試題，我作了一下修改，記錄下來

修改前：

 
<script type="text/javascript"> 
var url="www.taobao.com?key0=a&key1=b&key2=c"; 
function parseQueryString(url){ 
var str=url.split("?")[1], 
items=str.split("&"); 
var arr,name,value; 
for(var i = 0, l = items.length; i < l; i++){ 
arr=items[i].split("="); 
name= arr[0]; 
value= arr[1]; 
this[name]=value; 
} 
} 
var obj=new parseQueryString(url); 
alert(obj.key1) 
</script> 

修改后：

復(fù)制代碼代碼如下:

 
<script type="text/javascript"> 
var url="www.taobao.com?key0=a&key1=b&key2=c"; 
var pQString={ 
createNew:function(url){ 
var str=url.split("?")[1], 
items=str.split("&"); 
var arr,name,value; 
for(var i = 0, l = items.length; i < l; i++){ 
arr=items[i].split("="); 
name= arr[0]; 
value= arr[1]; 
this[name]=value; 
} 
} 
} 
var obj=new pQString.createNew(url); 
alert(obj.key1) 
</script> 

感謝草根程序猿很厲害把這個方法重寫了一下，更嚴(yán)密，高效了，最后面在些再學(xué)習(xí)一下！??！

復(fù)制代碼代碼如下:

 
<script type="text/javascript"> 
function getQueryString(url) { 
if(url) { 
url=url.substr(url.indexOf("?")+1); //字符串截取，比我之前的split()方法效率高 
} 
var result = {}, //創(chuàng)建一個對象，用于存name，和value 
queryString =url || location.search.substring(1), //location.search設(shè)置或返回從問號 (?) 開始的 URL（查詢部分）。 
re = /([^&=]+)=([^&]*)/g, //正則，具體不會用 
m; 
while (m = re.exec(queryString)) { //exec()正則表達(dá)式的匹配，具體不會用 
result[decodeURIComponent(m[1])] = decodeURIComponent(m[2]); //使用 decodeURIComponent() 對編碼后的 URI 進(jìn)行解碼 
} 
return result; 
} 
// demo 
var myParam = getQueryString("www.taobao.com?key0=a&key1=b&key2=c"); 
alert(myParam.key1); 
</script> 

注：
1、substr()與substring(start,stop) ，提取字符串中介于兩個指定下標(biāo)之間的字符。
重要事項：與 slice() 和 substr() 方法不同的是，substring() 不接受負(fù)的參數(shù)。
參見http://m.fzitv.net/w3school/js/jsref_substring.htm
2、location.search.substring(1) ，location.search設(shè)置或返回從問號 (?) 開始的 URL（查詢部分）。
參見http://m.fzitv.net/w3school/htmldom/prop_loc_search.htm
3、exec() 方法用于檢索字符串中的正則表達(dá)式的匹配。太強大了，還不會用
參考http://m.fzitv.net/w3school/js/jsref_exec_regexp.htm
4、使用 decodeURIComponent() 對編碼后的 URI 進(jìn)行解碼。
參見http://m.fzitv.net/w3school/js/jsref_exec_regexp.htm

您可能感興趣的文章: