javascript 正则表达式触发函数进行高级替换_javascript技巧

一般情况下我们可能会用到正则表达式去替换文本：

复制代码 代码如下:

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

我们可以用函数来定义高级替换，而不是一个简单的字符串。比如：

<script> function reverseMatch(str) { return str.split('').reverse().join(''); } var a = "www jb51 net"; a=a.replace(/\w+/g, reverseMatch); alert(a); </script> [/code] 执行结果为： <div class="codetitle"> <span><a style="CURSOR: pointer" data="20953" class="copybut" id="copybut20953" onclick="doCopy('code20953')"><u>复制代码</u></a></span> 代码如下:</div> <div class="codebody" id="code20953"> www 15bj ten <br><input onclick="runEx('runcode15507')" type="button" value="运行代码"> <input onclick="doCopy('runcode15507')" type="button" value="复制代码"> <input onclick="doSave(runcode15507)" type="button" value="保存代码">[Ctrl+A 全选 注:<a href="http://www.jb51.net/article/23421.htm" title="查看具体详情" target="_blank">如需引入外部Js需刷新才能执行</a>]</div> <br>我们看到，当正则表达式每产生一次匹配时，会触发替换函数并将匹配字符串作为参数传到替换函数中。当正则表达式中定义了子匹配（submatch）时，甚至可以做更高级的事情，替换函数可以根据不同的子匹配来作出相应的处理。比如我们要对网页中的某些指定的实体代码转化为特殊字符： <br>[code] <br>var entity = { <br>quot: '"', <br>lt: 'gt: '>' <br>}; <br>function deentityify(a, b) { <br>var r = entity[b]; <br>return typeof r === 'string' ? r : a; <br>} <br>var a = "<a href="http://jb51.net/">"; <br>a.replace(/&([^&;]+);/g, deentityify); <br></a>

执行结果为：


如果我们知道了传递参数的规则就会很清楚其原理了。事实上，如果在正则表达式中定义了子匹配，那么参数的长度会随着子匹配的个数改变，如果没有定义子匹配，那么长度是固定的。传参的规则为：

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