我正在尝试创建一个执行以下转换的正则表达式:
Apple Orange
>AO
Load Module
>LM
anApple Orange
>O
toLoad Module
>M
我找到了一个合适的模式,但注意到一个奇怪的行为。这是我的初步尝试:
/^([A-Z])?[^ ]* ([A-Z])/
用这个表达式在第三个(和第四个)测试用例上运行替换给了我一个令人惊讶的结果:
'anApple Orange'.replace(/^([A-Z])?[^ ]* ([A-Z])/,'$1$2')
> "Orange"
为什么这令人惊讶?好吧,第一组显然不匹配,因为字符串不是以大写字母开头,但第二组只选择一个大写字母:([A-Z])
,而不是后面的所有内容:([A-Z].*)
令我惊讶的是,.*
在最后一个捕获组之后添加给了我正确的结果:
'anApple Orange'.replace(/^([A-Z])?[^ ]* ([A-Z]).*/,'$1$2')
> "O"
为什么会发生这种情况超出了我对 JS 和正则表达式的理解。我很高兴知道什么样的黑魔法导致单个[A-Z]
返回多个,甚至是一些小写字符。
这是一个可运行的演示:
var testCases = [
'Apple Orange',
'Load Module',
'anApple Orange',
'toLoad Module'
],
badregex = /^([A-Z])?[^ ]* ([A-Z])/,
goodregex = /^([A-Z])?[^ ]* ([A-Z]).*/;
document.onreadystatechange = function(n){
if (document.readyState === "complete"){
for (var i=0,l=testCases.length; i<l; i++){
var p = document.createElement('p'),
testCase = testCases[i];
p.innerHTML = ""+testCase+" > "+testCase.replace(badregex,'$1$2')
document.body.appendChild(p);
}
document.body.appendChild(document.createElement('hr'));
for (var i=0,l=testCases.length; i<l; i++){
var p = document.createElement('p'),
testCase = testCases[i];
p.innerHTML = ""+testCase+" > "+testCase.replace(goodregex,'$1$2')
document.body.appendChild(p);
}
}
}