javascript 正則替換 replace(regExp, function)用法
更新時(shí)間：2010年05月22日 21:36:26 作者：
剛在弄網(wǎng)頁(yè)通過(guò)servlet返回的json數(shù)據(jù)來(lái)添加div元素,簡(jiǎn)單研究了下replace(regExp, function)方式的function參數(shù).
復(fù)制代碼 代碼如下:
function fn()
{
for(var i = 0;i < arguments.length;i++){
alert("第"+(i+1)+"個(gè)參數(shù)的值："+arguments[i]);
}
}
var str = '<div id="{wo}" >{ni}</div>';
str.replace(/\{([a-z]+)\}/ig, fn);
根據(jù)多次測(cè)試由輸出結(jié)果可以得出fn中:
第一個(gè)參數(shù)為匹配到的字符串,如{wo}和{ni};
第二個(gè)參數(shù)可以有0-N個(gè),為第一個(gè)參數(shù)中匹配到一個(gè)括號(hào)正則的字符串,如第一個(gè)參數(shù)中的wo和ni,能匹配([a-z]+),
括號(hào)有幾組,則參數(shù)有幾個(gè);
第三個(gè)參數(shù)為第一個(gè)參數(shù)中匹配到的字符串所在位置,如{wo}返回9,{no}返回16;
第四個(gè)參數(shù)為用來(lái)匹配的字符串,在這個(gè)例子中就是<div id="{wo}" >{ni}</div>.
本例中對(duì)于一個(gè)包含wo和ni的json對(duì)象可以簡(jiǎn)單地用:
復(fù)制代碼 代碼如下:
str.replace(/\{([a-z]+)\}/ig, function(s, t){
return json[t];
});
來(lái)替換.
您可能感興趣的文章:
- JS正則替換去空格的方法
- JavaScript正則替換HTML標(biāo)簽功能示例
- js使用Replace結(jié)合正則替換重復(fù)出現(xiàn)的字符串功能示例
- JS正則替換掉小括號(hào)及內(nèi)容的方法
- JavaScript字符串對(duì)象replace方法實(shí)例（用于字符串替換或正則替換）
- JavaScript replace(rgExp,fn)正則替換的用法
- javascript replace()正則替換實(shí)現(xiàn)代碼
- C#正則函數(shù)用法實(shí)例【匹配、替換、提取】
- JS和C#實(shí)現(xiàn)的兩個(gè)正則替換功能示例分析
相關(guān)文章
JavaScript的Object.defineProperty詳解
本篇文章給大家詳細(xì)講述了JavaScript的Object.defineProperty的相關(guān)知識(shí)點(diǎn)內(nèi)容，有興趣的朋友參考學(xué)習(xí)下。2018-07-07
JS實(shí)現(xiàn)Select的option上下移動(dòng)的方法
這篇文章主要介紹了JS實(shí)現(xiàn)Select的option上下移動(dòng)的方法,涉及JavaScript動(dòng)態(tài)操作頁(yè)面元素的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-03-03
這篇文章主要為大家詳細(xì)介紹了微信小程序多項(xiàng)選擇器checkbox，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
js字符串轉(zhuǎn)json對(duì)象的四種實(shí)現(xiàn)方法
使用ajax的開(kāi)發(fā)項(xiàng)目過(guò)程中,經(jīng)常需要將json格式的字符串返回到前端,前端解析成js對(duì)象(JSON),下面這篇文章主要給大家介紹了關(guān)于js字符串轉(zhuǎn)json對(duì)象的四種實(shí)現(xiàn)方法,需要的朋友可以參考下2023-04-04
JS圖片懶加載的優(yōu)點(diǎn)及實(shí)現(xiàn)原理
這篇文章主要介紹了JS圖片懶加載的優(yōu)點(diǎn)及實(shí)現(xiàn)原理,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-01-01
實(shí)用的js 焦點(diǎn)圖切換效果 結(jié)構(gòu)行為相分離
行為層是由js來(lái)實(shí)現(xiàn)的，這里的工作只是搭建了一個(gè)簡(jiǎn)單的骨架，如果要讓效果圖美觀些并符合設(shè)計(jì)要求，就要發(fā)揮css的強(qiáng)大作用了。2010-06-06
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)彈出層效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-12-12
javascript 刪除dom對(duì)象的事件函數(shù)代碼
本文為《JavaScript高級(jí)程序設(shè)計(jì)》第9章中的跨平臺(tái)事件中的部分內(nèi)容。2010-04-04
Weex開(kāi)發(fā)之WEEX-EROS開(kāi)發(fā)踩坑(小結(jié))
這篇文章主要介紹了Weex開(kāi)發(fā)之WEEX-EROS開(kāi)發(fā)踩坑(小結(jié))，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
JS回調(diào)函數(shù)原理與用法詳解【附PHP回調(diào)函數(shù)】
這篇文章主要介紹了JS回調(diào)函數(shù)原理與用法,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript回調(diào)函數(shù)的概念、原理、用法,并給出了PHP回調(diào)函數(shù)的使用示例,需要的朋友可以參考下2019-07-07