JavaScript 一道字符串分解的題目
要求用js寫(xiě)一個(gè)函數(shù),對(duì)傳入的形如下網(wǎng)址字符串,返回對(duì)應(yīng)的對(duì)象。
如:
若傳入字符串a(chǎn)='?name=zhiyelee&blog=www.tsnrose.com';
則返回 b={‘name':'zhiyelee','blog':'www.tsnrose.com'}
當(dāng)時(shí)由于時(shí)間比較短,實(shí)現(xiàn)的有些問(wèn)題,回來(lái)后想了一下,總結(jié)如下:
我想到了兩種思路,一種是使用正則表達(dá)式,第二種是使用字符串的split函數(shù)。
1、使用正則表達(dá)式處理
我首先想到的是使用正則表達(dá)式處理,可能是感覺(jué)這個(gè)更有挑戰(zhàn)性寫(xiě)起來(lái)也最簡(jiǎn)潔,不過(guò)當(dāng)時(shí)懷疑這種方法的效率會(huì)低于直接使用字符串函數(shù)處理的效率。這個(gè)效率我們?cè)谙挛臅?huì)驗(yàn)證~
這個(gè)方法的思路很簡(jiǎn)單,就是使用正則表達(dá)式每次匹配出一個(gè)‘***=###'串,然后循環(huán)最后取出所有。
代碼如下
var getNRReg = function(str) {
var res = {};
var reg = /(\w+)=(\w+)/g;
while ((a = reg.exec(str))) {
res[a[1]] = a[2];
}
return res;
};
2、使用字符串函數(shù)處理
這種想法思路也比較常規(guī),不過(guò)寫(xiě)起來(lái)肯定要比使用正則表達(dá)式處理麻煩一些。
我的思路首先用‘&'將原串分割成多個(gè)字串,每個(gè)字串的樣式如‘***=###',然后再對(duì)字串應(yīng)用split(‘=')。(此種方法沒(méi)有使用正則,當(dāng)然我們可以使用正則split(/&|=/)
代碼如下
var getNRSplit = function(str) {
var temp, res = {},
i, ret;
str = str.slice(1);
temp = str.split('&');
for (i = 0; i < temp.length; i++) {
ret = temp[i].split('=');
res[ret[0]] = ret[1];
}
return res;
}
這兩種方法的效率問(wèn)題
眾所周知正則表達(dá)式的效率有點(diǎn)低,因此最初認(rèn)為第一種方案的效率肯定要低于第二種方案的效率,于是實(shí)測(cè)了下,結(jié)果不然:
執(zhí)行1000000次的耗時(shí)情況:
getNRReg執(zhí)行耗時(shí) 4399ms
getNRSplit執(zhí)行耗時(shí) 6116ms
完整源代碼查看: jsfiddle ,可以自行測(cè)試~
ps:最后附上新浪微博2011-06-15 在北郵宣講會(huì)前端崗位的一道筆試題:
用正則表達(dá)式完成刪除與某個(gè)字符相鄰且相同的字符,比如“fdaffdaaklfjk”字符串處理之后成為“fdafdakljk”。
我的答案見(jiàn) jsfiddle
相關(guān)文章
js實(shí)現(xiàn)的光標(biāo)位置工具函數(shù)示例
這篇文章主要介紹了js實(shí)現(xiàn)的光標(biāo)位置工具函數(shù),結(jié)合實(shí)例形式分析了JavaScript操作textarea文本框光標(biāo)位置及文本操作相關(guān)技巧,需要的朋友可以參考下2016-10-10javascript獲取url上某個(gè)參數(shù)的方法
獲取url上的某個(gè)參數(shù)的方法有很多,在本文為大家介紹下使用javascript是如何實(shí)現(xiàn)的,感興趣的朋友不要錯(cuò)過(guò)2013-11-11BootStrap框架中的data-[ ]自定義屬性理解(推薦)
這篇文章主要介紹了BootStrap框架中的data-[ ]自定義屬性理解(推薦),非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-02-02layui實(shí)現(xiàn)數(shù)據(jù)表格隱藏列的示例
今天小編就為大家分享一篇layui實(shí)現(xiàn)數(shù)據(jù)表格隱藏列的示例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-10-10如何利用js根據(jù)坐標(biāo)判斷構(gòu)成單個(gè)多邊形是否合法
這篇文章主要給大家介紹了關(guān)于如何利用js根據(jù)坐標(biāo)判斷構(gòu)成單個(gè)多邊形是否合法的相關(guān)資料,文章通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-01-01JavaScript詳解類數(shù)組與可迭代對(duì)象的實(shí)現(xiàn)原理
這篇文章主要介紹了JavaScript詳解類數(shù)組與可迭代對(duì)象的實(shí)現(xiàn)原理,ES6中引入了迭代器與可迭代對(duì)象的概念,并且提供了對(duì)可迭代對(duì)象的相關(guān)支持,如for...of循環(huán),Map(iterable)構(gòu)造器,展開(kāi)語(yǔ)法...等。讓我們對(duì)數(shù)組外的數(shù)據(jù)集合的遍歷操作也得到極大簡(jiǎn)化2022-06-06js中AppendChild與insertBefore的用法詳細(xì)解析
這篇文章主要是對(duì)js中AppendChild與insertBefore的用法進(jìn)行了詳細(xì)的分析介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-12-12解決layui-open關(guān)閉自身窗口的問(wèn)題
今天小編就為大家分享一篇解決layui-open關(guān)閉自身窗口的問(wèn)題,具有好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09