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