js中关于String对象的replace使用详解

有如下一段js代码：

//格式化字符串
function formatString() {
	var string = [];
	for (var i = 1; i < arguments.length; i++) {
		string.push(arguments[i]);
	}
	return arguments[0].replace(/\{(\d+)\}/g, function(m, i) {
		return string[i];
	});
}

说明：①\d  匹配一个字数字符，/\d/ = /[0-9]/

           ②+   匹配前面元字符1次或多次，/ba*/将匹配ba,baa,baaa

           ③\ {   一个 { 直接量，表示一个符号{

           ④()   分组的作用，与java中类似

           ⑤模式中子表达式就是（\d+）

分析：replace(pattern, replacement) 方法的参数 replacement 可以是函数而不是字符串。比如 replace(pattern, function(m,p1,p2,p3){ return string[0]});

在这种情况下，每个匹配都调用该函数，它返回的字符串将作为替换文本使用。该函数的第一个参数m是匹配模式的字符串。接下来的参数 是与模式中的子表达式(\d+)匹配的字符串，可以有 0 个或多个这样的参数。接下来的参数是一个整数，声明了匹配在 stringObject 中出现的位置。最后一个参数是 stringObject 本身(在这里是arguments[0])

 

测试如下：

<script type="text/javascript">
//格式化字符串
function formatString() {
	var string = [];
	for (var i = 1; i < arguments.length; i++) {
		string.push(arguments[i]);
	}
	//模式/\{(\d+)\}{(w)}/g 存在2个子模式，分别为(\d+)和(w)
	return arguments[0].replace(/\{(\d+)\}{(w)}/g, function(m,p1,p2,p3,p4) {
		alert('m:'+m);//输出m:{0}{w}
		alert('p1:'+p1);//输出p1:0
		alert('p2:'+p2);//输出p2:w
		alert('p3:'+p3);//输出 匹配模式的字符串在 arguments[0]中出现的位置,即{0}{w}在row中出现的位置
		//最后一个参数是arguments[0]对象本身,在替换完后arguments[0]并没没有变化，而是返回一个新的字符串
		alert('p4:'+p4);
		return string[p1];
	});
}
//拼接字符串
var row = "<tr><td class='align-center'>{0}{w}</td><td class='align-center'>{1}</td><td class='align-center'>{2}</td><td class='align-center'>{3}</td></tr>";
var html = formatString(row,
		'gaoweigang',
		'man',
		'武汉');
</script>

 

备注：

①正则表达式中的特殊字符

\ 做为转意，即通常在"\"后面的字符不按原来意义解释，如/b/匹配字符"b"，当b前面加了反斜杆后/\b/，转意为匹配一个单词的边界。
-或-
对正则表达式功能字符的还原，如"*"匹配它前面元字符0次或多次，/a*/将匹配a,aa,aaa，加了"\"后，/a\*/将只匹配"a*"。

^ 匹配一个输入或一行的开头，/^a/匹配"an A"，而不匹配"An a"
$ 匹配一个输入或一行的结尾，/a$/匹配"An a"，而不匹配"an A"
* 匹配前面元字符0次或多次，/ba*/将匹配b,ba,baa,baaa
+ 匹配前面元字符1次或多次，/ba*/将匹配ba,baa,baaa
? 匹配前面元字符0次或1次，/ba*/将匹配b,ba
(x) 匹配x保存x在名为$1...$9的变量中
x|y 匹配x或y
{n} 精确匹配n次
{n,} 匹配n次以上
{n,m} 匹配n-m次
[xyz] 字符集(character set)，匹配这个集合中的任一一个字符(或元字符)
[^xyz] 不匹配这个集合中的任何一个字符

[\b] 匹配一个退格符
\b 匹配一个单词的边界
\B 匹配一个单词的非边界
\cX 这儿，X是一个控制符，/\cM/匹配Ctrl-M
\d 匹配一个字数字符，/\d/ = /[0-9]/
\D 匹配一个非字数字符，/\D/ = /[^0-9]/
\n 匹配一个换行符
\r 匹配一个回车符
\s 匹配一个空白字符，包括\n,\r,\f,\t,\v等
\S 匹配一个非空白字符，等于/[^\n\f\r\t\v]/
\t 匹配一个制表符
\v 匹配一个重直制表符
\w 匹配一个可以组成单词的字符(alphanumeric，这是我的意译，含数字)，包括下划线，如[\w]匹配"$5.98"中的5，等于[a-zA-Z0-9]
\W 匹配一个不可以组成单词的字符，如[\W]匹配"$5.98"中的$，等于[^a-zA-Z0-9]。

用re = new RegExp("pattern",["flags"]) 的方式比较好 pattern : 正则表达式 flags: g （全文查找出现的所有 pattern） i （忽略大小写） m （多行查找）

vaScript动态正则表达式问题 请问正则表达式可以动态生成吗? 例如JavaScript中: var str = "strTemp"; 要生成: var re = /strTemp/; 如果是字符连接: var re = "/" + str + "/"即可 但是要生成表达式,可以实现吗?怎样实现?

 

参考：http://www.jb51.net/article/43190.htm

          http://www.111cn.net/wy/js-ajax/45881.htm