快捷導(dǎo)航

javascript 正則表達(dá)式觸發(fā)函數(shù)進(jìn)行高級(jí)替換

更新時(shí)間：2010年03月15日 11:33:10 作者：

如果在正則表達(dá)式中定義了子匹配，那么參數(shù)的長度會(huì)隨著子匹配的個(gè)數(shù)改變，如果沒有定義子匹配，那么長度是固定的。

一般情況下我們可能會(huì)用到正則表達(dá)式去替換文本：

 
var a = "abc123aXc"; 
a.replace(/a.c/g, 'ZZ'); 

我們可以用函數(shù)來定義高級(jí)替換，而不是一個(gè)簡單的字符串。比如：

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

我們看到，當(dāng)正則表達(dá)式每產(chǎn)生一次匹配時(shí)，會(huì)觸發(fā)替換函數(shù)并將匹配字符串作為參數(shù)傳到替換函數(shù)中。當(dāng)正則表達(dá)式中定義了子匹配（submatch）時(shí)，甚至可以做更高級(jí)的事情，替換函數(shù)可以根據(jù)不同的子匹配來作出相應(yīng)的處理。比如我們要對(duì)網(wǎng)頁中的某些指定的實(shí)體代碼轉(zhuǎn)化為特殊字符：
[code]
var entity = {
quot: '"',
lt: '<',
gt: '>'
};
function deentityify(a, b) {
var r = entity[b];
return typeof r === 'string' ? r : a;
}
var a = "<a href="http://jb51.net/">";
a.replace(/&([^&;]+);/g, deentityify);

執(zhí)行結(jié)果為：

<a >
如果我們知道了傳遞參數(shù)的規(guī)則就會(huì)很清楚其原理了。事實(shí)上，如果在正則表達(dá)式中定義了子匹配，那么參數(shù)的長度會(huì)隨著子匹配的個(gè)數(shù)改變，如果沒有定義子匹配，那么長度是固定的。傳參的規(guī)則為：

匹配字符串本身
所有子匹配（如果定義了）
匹配字符串在原始字符串中的位置

您可能感興趣的文章:

相關(guān)文章

不到200行 JavaScript 代碼實(shí)現(xiàn)富文本編輯器的方法
這篇文章主要介紹了不到200行 JavaScript 代碼實(shí)現(xiàn)富文本編輯器的方法,需要的朋友可以參考下
2018-01-01
微信小程序url傳參寫變量的方法
這篇文章主要介紹了微信小程序url傳參寫變量的方法,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2018-08-08
網(wǎng)頁禁用右鍵實(shí)現(xiàn)代碼（JavaScript代碼）
網(wǎng)頁禁用右鍵的代碼，我們可以不少網(wǎng)站在使用，讓別人復(fù)制什么的麻煩，但破解方法也比較簡單。這里就不說了，如果想知道的可以參考腳本之家以前發(fā)布的文章。
2009-10-10
詳解原生JavaScript實(shí)現(xiàn)jQuery中AJAX處理的方法
這篇文章主要介紹了原生JavaScript實(shí)現(xiàn)jQuery中AJAX處理的方法,作者根據(jù)jQuery中一些對(duì)AJAX請(qǐng)求的處理方式來用原生API實(shí)現(xiàn),需要的朋友可以參考下
2016-05-05
淺析JavaScript中作用域和作用域鏈
本文主要介紹了JavaScript中作用域和作用域鏈解析，條理分明，方便理解，這里推薦給小伙伴們，有需要的朋友可以參考下
2016-12-12
Javascript中實(shí)現(xiàn)String.startsWith和endsWith方法
這篇文章主要介紹了Javascript中實(shí)現(xiàn)String.startsWith和endsWith方法,這兩個(gè)很好用的方法在JS中沒有,本文就自己編碼實(shí)現(xiàn)了這兩個(gè)方法,需要的朋友可以參考下
2015-06-06
js控制容器隱藏出現(xiàn)防止樣式變化的兩種方法
這篇文章主要介紹了js控制容器隱藏出現(xiàn)防止樣式變化的兩種方法,需要的朋友可以參考下
2014-04-04
js定時(shí)器實(shí)現(xiàn)倒計(jì)時(shí)效果
這篇文章主要為大家詳細(xì)介紹了js定時(shí)器實(shí)現(xiàn)倒計(jì)時(shí)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-11-11
第七章之菜單按鈕圖標(biāo)組件
Bootstrap，來自 Twitter，是目前最受歡迎的前端框架。這篇文章主要介紹BootStrap組件之菜單按鈕圖標(biāo)組件的相關(guān)資料,需要的朋友可以參考下
2016-04-04
JavaScript定義函數(shù)的三種實(shí)現(xiàn)方法
這篇文章主要介紹了JavaScript定義函數(shù)的三種實(shí)現(xiàn)方法的相關(guān)資料,希望通過本文大家能夠掌握三種定義函數(shù)的方法，需要的朋友可以參考下
2017-09-09