javascript 正則替換 replace(regExp, function)用法
更新時(shí)間：2010年05月22日 21:36:26 作者：
剛在弄網(wǎng)頁通過servlet返回的json數(shù)據(jù)來添加div元素,簡單研究了下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ù)多次測試由輸出結(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ù)為用來匹配的字符串,在這個(gè)例子中就是<div id="{wo}" >{ni}</div>.
本例中對于一個(gè)包含wo和ni的json對象可以簡單地用:
復(fù)制代碼 代碼如下:
str.replace(/\{([a-z]+)\}/ig, function(s, t){
return json[t];
});
來替換.
您可能感興趣的文章:
相關(guān)文章
JS 實(shí)現(xiàn)Div向上浮動(dòng)的實(shí)現(xiàn)代碼
用js實(shí)現(xiàn)的可以讓div慢慢上升效果實(shí)現(xiàn)代碼，喜歡的朋友可以參考下2012-10-10
微信小程序?qū)崿F(xiàn)選項(xiàng)卡滑動(dòng)切換
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)選項(xiàng)卡滑動(dòng)切換，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-10-10
js中一個(gè)函數(shù)獲取另一個(gè)函數(shù)返回值問題探討
在本文將為大家詳細(xì)探討下js中一個(gè)函數(shù)獲取另一個(gè)函數(shù)返回值問題，比較模糊的朋友可以學(xué)習(xí)下哦2013-11-11
服務(wù)器端的JavaScript腳本 Node.js 使用入門
觸爪伸向傳說中的Server-Side Javascrpt。后端JS最出名無疑是Ryan Dahl的node.js，另一個(gè)是aptana IDE提供商搞出的jaxer，這里討論node.js的使用2012-03-03
如何用JS取得網(wǎng)址中的文件名...2006-08-08
js實(shí)現(xiàn)網(wǎng)頁右上角滑出會(huì)自動(dòng)消失大幅廣告的方法
這篇文章主要介紹了js實(shí)現(xiàn)網(wǎng)頁右上角滑出會(huì)自動(dòng)消失大幅廣告的方法,是javascript廣告特效的典型應(yīng)用,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02
Bootstrap每天必學(xué)之導(dǎo)航條，本文向大家講解了多種多樣的導(dǎo)航條，以及導(dǎo)航條中元素的實(shí)現(xiàn)方法，感興趣的小伙伴們可以參考一下2015-11-11
JS控件autocomplete 0.11演示及下載 1月5日已更新
JS控件autocomplete 0.11演示及下載 1月5日已更新...2007-01-01
這篇文章主要介紹了URL中“#” “？” &“”號(hào)的作用淺析,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-02-02
javascript實(shí)現(xiàn)多級(jí)聯(lián)動(dòng)下拉菜單的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)多級(jí)聯(lián)動(dòng)下拉菜單的方法,通過javascript自定義函數(shù)實(shí)現(xiàn)對多級(jí)聯(lián)動(dòng)下拉菜單的操作,是非常實(shí)用的技巧,需要的朋友可以參考下2015-02-02