最近项目中一个简单的需求是，要把如下格式的一段文字
abc{1220}cde{2222}def{cccc}
替换成
abc{1}cde{2}def{3}
也就是把{}匹配到的内容，用匹配的索引替代掉。
粗暴解决方法
恩，这是个简单的问题，安排一个刚来没多久的小伙伴来做吧，结果他的代码是这样的
var left = "{",right = "}";
然后写代码自己一遍一遍的去找匹配的内容，具体代码我就不贴了
看到这个，我的内心是崩溃的。
你没有学过正则表达式吗？ 他说学过。
他说学过，他竟然说学过。。。
第一个正则表达式
小伙伴从新从正则表达式的思路去解决，然后得出的是这样的一个正则表达式。
var matchs = text.match(/\{.*\}/g);
for(var i = 0;i < matchs.length; i ++){
text = text.replace(matchs[i],"{"+(i+1)+"}")
}
然而结果并不对，结果是这样的：
var text = "aaa{111}{bbb}{111}";
var matchs = text.match(/\{.*\}/g);
for(var i = 0;i < matchs.length; i ++){
text = text.replace(matchs[i],"{"+(i+1)+"}")
}
最终的结果是这样的：
aaa{1}
第二个正则表达式
第一个表达式的问题在哪儿呢，这要从正则表达式的懒惰与贪婪说起，下面是相关的解释：
当正则表达式中包含能接受重复的限定符时，通常的行为是（在使整个表达式能得到匹配的前提下）匹配尽可能多的字符。以这个表达式为例：a.b，它将会匹配最长的以a开始，以b结束的字符串。如果用它来搜索aabab的话，它会匹配整个字符串aabab。这被称为贪婪匹配。
有时，我们更需要懒惰匹配，也就是匹配尽可能少的字符。前面给出的限定符都可以被转化为懒惰匹配模式，只要在它后面加上一个问号?。这样.?就意味着匹配任意数量的重复，但是在能使整个匹配成功的前提下使用最少的重复。
由此可以看出本例中，使用了贪婪模式，所以匹配出来的结果是这样的：
{111}{bbb}{111}
要改进程序，只需要把贪婪模式改成懒惰模式即可，上面说过只需要在后面加一个问号？即可，所以改进的版本是这样的：
var text = "aaa{111}bbb{111}";
var matchs = text.match(/\{.*\}/g);
for(var i = 0;i < matchs.length; i ++){
text = text.replace(matchs[i],"{"+(i+1)+"}")
}
最终结果是对的：
aaa{1}bbb{2}
replace函数
前面第二个正则表达式可以解决需求，但是代码比较长，事实上，可以直接使用replace的第二个参数可以指定函数的功能来实现，代码少了很多，如下：
var text = "aaa{111}bbb{111}";
var index = 1;
text = text.replace(/\{.*?\}/g,function(){
return "{" + (index ++) + "}"
})
后续
当然本案例中的解决方案没有考虑括号不匹配的情况，相关情况更加复杂一点，自行思考。
有关正则表达式的学习，新人们可以参考我N年前看过的一个文档，里面的内容讲的挺详尽的。
网友评论