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)文章
這篇文章主要介紹了url中的特殊符號有什么含義(推薦)的相關(guān)資料,需要的朋友可以參考下2016-06-06
這篇文章主要介紹了JS設(shè)計模式之狀態(tài)模式概念與用法,簡單講述了狀態(tài)模式的概念、功能、應(yīng)用場景并結(jié)合javascript實例形式分析了狀態(tài)模式的簡單定義及使用方法,需要的朋友可以參考下2018-02-02
JavaScript/Js腳本處理html元素的自定義屬性解析(親測兼容Firefox與IE)
這篇文章主要是對JavaScript/Js腳本處理html元素的自定義屬性解析(親測兼容Firefox與IE)進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
淺談監(jiān)聽單選框radio改變事件(和layui中單選按鈕改變事件)
今天小編就為大家分享一篇淺談監(jiān)聽單選框radio改變事件(和layui中單選按鈕改變事件)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)鐘表案例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-01-01
本文主要介紹了js實現(xiàn)3D圖片展示效果的實例，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
使用uniapp打包微信小程序時主包和vendor.js過大解決(uniCloud的插件分包)
每個使用分包小程序必定含有一個主包,所謂的主包,即放置默認啟動頁面/TabBar頁面,以及一些所有分包都需用到公共資源/JS 腳本,下面這篇文章主要給大家介紹了關(guān)于使用uniapp打包微信小程序時主包和vendor.js過大解決的相關(guān)資料,,需要的朋友可以參考下2023-02-02
JavaScript中報錯Cannot?set?properties?of?undefined?(settin
這篇文章主要介紹了JavaScript中報錯Cannot?set?properties?of?undefined?(setting?'1')的解決方案,文中通過代碼介紹的非常詳細,對大家學(xué)習(xí)或使用js具有一定的參考借鑒價值,需要的朋友可以參考下2025-03-03
這篇文章主要介紹了微信小程序填寫用戶頭像和昵稱實現(xiàn)方法，我們使用小程序往往能碰到提示允許獲取用戶頭像昵稱，這種功能怎么實現(xiàn)呢？本篇文章帶你探索2023-02-02
關(guān)于layui的下拉搜索框異步加載數(shù)據(jù)的解決方法
今天小編就為大家分享一篇關(guān)于layui的下拉搜索框異步加載數(shù)據(jù)的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09