js replace正則表達式應(yīng)用案例講解
更新時間：2013年01月17日 16:30:36 作者：
js replace與正則表達式結(jié)合，可以有效發(fā)揮replace的功效，可以幫助用戶解決替換中的復(fù)制問題，接下來詳細介紹使用方法，感興趣的朋友可以了解下
var url = "http://www.xxx.com/index.aspx?classid=9&id=2";
要獲取尾巴參數(shù)
定義變量
function parse_url(_url){
//定義函數(shù)
var pattern = /(\w+)=(\w+)/ig;//定義正則表達式
var parames = {};//定義數(shù)組
url.replace(pattern, function(a, b, c){
parames[b] = c;
});
/*這是最關(guān)鍵的.當(dāng)replace匹配到classid=9時.那么就用執(zhí)行function(a,b,c);其中a的值為:classid=9,b的值為classid,c的值為9;(這是反向引用.因為在定義正則表達式的時候有兩個子匹配.) 然后將數(shù)組的key為classid的值賦為9;然后完成. 再繼續(xù)匹配到id=2;此時執(zhí)行function(a,b,c);其中a的值為:id=2,b的值為id,c的值為2;然后將數(shù)組的key為id的值賦為2. */
return parames;//返回這個數(shù)組.
}
var parames = parse_url(url);
alert(parames['classid'] + ", " + parames['id']);//最后打印.根據(jù)key值來打印數(shù)組對應(yīng)的值
var url = "http://attit.ppk365.com/084200001682"
var reg = /http:\/\/(.+)\/(\w+)/ig;
url.replace(reg, function(a,b,c){
alert(a); //得到 http://attit.ppk365.com/084200001682
alert(b); //得到 attit.ppk365.com
alert(c); //得到 084200001682
});
要獲取尾巴參數(shù)
定義變量
復(fù)制代碼 代碼如下:
function parse_url(_url){
//定義函數(shù)
var pattern = /(\w+)=(\w+)/ig;//定義正則表達式
var parames = {};//定義數(shù)組
url.replace(pattern, function(a, b, c){
parames[b] = c;
});
/*這是最關(guān)鍵的.當(dāng)replace匹配到classid=9時.那么就用執(zhí)行function(a,b,c);其中a的值為:classid=9,b的值為classid,c的值為9;(這是反向引用.因為在定義正則表達式的時候有兩個子匹配.) 然后將數(shù)組的key為classid的值賦為9;然后完成. 再繼續(xù)匹配到id=2;此時執(zhí)行function(a,b,c);其中a的值為:id=2,b的值為id,c的值為2;然后將數(shù)組的key為id的值賦為2. */
return parames;//返回這個數(shù)組.
}
var parames = parse_url(url);
alert(parames['classid'] + ", " + parames['id']);//最后打印.根據(jù)key值來打印數(shù)組對應(yīng)的值
var url = "http://attit.ppk365.com/084200001682"
var reg = /http:\/\/(.+)\/(\w+)/ig;
url.replace(reg, function(a,b,c){
alert(a); //得到 http://attit.ppk365.com/084200001682
alert(b); //得到 attit.ppk365.com
alert(c); //得到 084200001682
});
相關(guān)文章
這篇文章主要為大家詳細介紹了JS實現(xiàn)普通輪播圖特效，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
科訊商業(yè)版中用到的ajax空間與分頁函數(shù)...2007-09-09
這篇文章主要為大家詳細介紹了js實現(xiàn)磚頭在頁面拖拉效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
這篇文章主要介紹了js實現(xiàn)的二級橫向菜單條,是非常美觀簡潔的二級導(dǎo)航條效果,可實現(xiàn)針對鼠標(biāo)事件的動態(tài)響應(yīng)及頁面樣式切換功能,簡單實用,需要的朋友可以參考下2015-08-08
Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，用于開發(fā)響應(yīng)式布局、移動設(shè)備優(yōu)先的 WEB 項目。接下來通過本文給大家分享Bootstrap一款超好用的前端框架，感興趣的朋友一起看看吧2017-09-09
這篇文章主要給大家介紹了關(guān)于js中事件對象的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-02-02
這篇文章主要為大家詳細介紹了javascript自定義滾動條實現(xiàn)代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-02-02
這篇文章主要介紹了JS實現(xiàn)json的序列化和反序列化功能,結(jié)合具體實例形式分析了javascript針對json的序列化與反序列化相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2017-06-06
幾乎每個app都會用到底部導(dǎo)航的,相對于小程序而言自然也是如此了,這篇文章主要給大家介紹了關(guān)于微信小程序底部tabBar遮擋內(nèi)容的簡單處理方法,需要的朋友可以參考下2021-08-08
基于JavaScript實現(xiàn)添加到購物車效果附源碼下載
這篇文章主要介紹了基于JavaScript實現(xiàn)添加到購物車效果附源碼下載的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-08-08