JavaScript實(shí)現(xiàn)url參數(shù)轉(zhuǎn)成json形式
朋友問(wèn)的一個(gè)面試題:有個(gè)url,要求獲取url 的參數(shù),返回值為json格式。
簡(jiǎn)單的寫(xiě)了下,發(fā)筆記備份。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>simple a example for url to json</title> <script> var url = 'https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=0&rsv_idx=1&tn=baidu&wd=慕課&rsv_pq=e379bd8200001a8c&rsv_t=ea8cxrgm03IFb44zHA261P6KziPRXAekcjwsRJtUSKLUmKweFsZFXE%2BUSrU&rqlang=cn&rsv_enter=0&rs'; function url2json(url){ var index = -1, str = '', arr = [], length = 0, res = {}; if(url.indexOf('?')!=-1){ index = url.indexOf('?'); str = url.substring(index+1); arr = str.split('&'); length = arr.length; for(var i=0; i<length-1; i++){ res[arr[i].split('=')[0]] = arr[i].split('=')[1]; } }else{ res = {}; } return res; }; var result = url2json(url); //獲取json的鍵值對(duì)條數(shù)(模擬長(zhǎng)度) var length = 0; for(var i in result){ length++; } //在頁(yè)面輸出 var tL = 0; document.write('{<br>'); for(var name in result){ tL++; if(tL == length){ document.write('  '+name+':'+result[name]+'<br>'); }else{ document.write('  '+name+':'+result[name]+',<br>'); } } document.write('}'); </script> </head> <body>
相關(guān)文章
JavaScript 中的replace方法說(shuō)明
JavaScript 中的replace方法說(shuō)明...2007-04-04JavaScript中對(duì)于SPA單頁(yè)面的理解
這篇文章主要介紹了JavaScript中對(duì)于SPA單頁(yè)面的理解,單頁(yè)應(yīng)用SPA是一種網(wǎng)絡(luò)應(yīng)用程序或網(wǎng)站的模型,它通過(guò)動(dòng)態(tài)重寫(xiě)當(dāng)前頁(yè)面來(lái)與用戶交互2023-02-02JavaScript如何動(dòng)態(tài)監(jiān)聽(tīng)DOM元素高度詳解
這篇文章主要為大家詳細(xì)介紹了JavaScript如何動(dòng)態(tài)監(jiān)聽(tīng)DOM元素高度,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來(lái)幫助2022-07-07Javascript打印網(wǎng)頁(yè)部分內(nèi)容的腳本
有時(shí)候我們只需要打印部分內(nèi)容,因?yàn)楝F(xiàn)在的頁(yè)面中廣告和一些相關(guān)內(nèi)容很多,所有用下面的方法,就可以了2008-11-11使用javascript將時(shí)間轉(zhuǎn)換成今天,昨天,前天等格式
這篇文章主要介紹了使用javascript將時(shí)間轉(zhuǎn)換成今天,昨天,前天等格式的相關(guān)資料,需要的朋友可以參考下2015-06-06JS獲取隨機(jī)數(shù)和時(shí)間轉(zhuǎn)換的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇JS獲取隨機(jī)數(shù)和時(shí)間轉(zhuǎn)換的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07js技巧之十幾行的代碼實(shí)現(xiàn)vue.watch代碼
相信很多的用vue的人都知道vue雙向綁定的原理建立在,給屬性綁定了getter和setter,在屬性被改變的同時(shí)觸發(fā)視圖的再渲染。而本期也是借助這兩個(gè)內(nèi)置方法實(shí)現(xiàn)vue內(nèi)的watch2018-06-06