JavaScript正则模式搜索是否有长度限制？为何单次分次替换结果不同

问题原因 #

两个写法结果不一致的核心原因是JavaScript正则全局匹配的字符消耗规则：一旦某段字符被正则匹配成功，这段内容就会被标记为已消耗，后续匹配过程不会再回头扫描这部分字符。

匹配过程拆解 #

原待处理字符串为：a b s40 x

problem写法的匹配过程

problem使用的正则为：/(^| )(a|c|s\d{1,3}|x)( |$)/g

1. 第一次匹配到开头的a （a+后面的空格），替换为单个空格，已消耗字符为a ，匹配指针移动到b的起始位置，当前剩余待匹配内容为b s40 x
2. 后续扫描匹配到s40 （前面的空格+s40+后面的空格），替换为单个空格，已消耗字符为s40，这里s40后面的空格已经被本次匹配消耗，匹配指针直接移动到x的起始位置
3. 此时x前面没有可匹配的空格，不满足正则中(^| )x的前置条件，因此x没有被替换，最终trim后结果为b x

solution写法的匹配过程

solution拆分了两次替换：

1. 第一次替换正则为/(^| )(a|c|s\d{1,3})( |$)/g，匹配逻辑和上面一致，替换完成后得到中间结果b x（b后面有两个空格，x前面的空格保留）
2. 第二次单独匹配x的正则为/(^| )x( |$)/g，此时x前面的空格未被消耗，可以正常匹配到 x，替换为空格后trim得到结果b

优化方案 #

如果不想拆分两次replace，也可以使用正向零宽断言避免消耗分隔空格，一次替换即可完成需求：

var temp = 'a b s40 x';
var res = temp.replace(/(^|(?<= ))(a|c|s\d{1,3}|x)((?= )|$)/g, ' ').trim();
console.log(res); // 输出b

内容的提问来源于stack exchange，提问作者user626963