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