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