正则表达式中的?= 、?: 、?! 的理解

要理解?=和?!,首先需要理解前瞻,后顾,负前瞻,负后顾四个概念:

// 前瞻:
exp1(?=exp2) 查找exp2前面的exp1
// 后顾:
(?<=exp2)exp1 查找exp2后面的exp1
// 负前瞻:
exp1(?!exp2) 查找后面不是exp2的exp1
// 负后顾:
(?<!exp2)exp1 查找前面不是exp2的exp1

举例:

'中国人'.replace(/(?<=中国)人/, 'rr') // 匹配中国人中的人,将其替换为rr,结果为 中国rr
'法国人'.replace(/(?<=中国)人/, 'rr') // 结果为 法国人,因为人前面不是中国,所以无法匹配到

要理解?:则需要理解捕获分组和非捕获分组的概念

()表示捕获分组,()会把每个分组里的匹配的值保存起来,使用$n(n是一个数字,表示第n个捕获组的内容)
(?:)表示非捕获分组,和捕获分组唯一的区别在于,非捕获分组匹配的值不会保存起来

举例:

// 数字格式化 1,123,000
'1234567890'.replace(/\B(?=(?:\d{3})+(?!\d))/g, ',') // 结果:1,234,567,890,匹配的是后面是3*n个数字的非单词边界(\B)

上面的知识点又叫环视,查找的东西不会占据位置,只是查找配位的位置

(?=…) 肯定顺序环视,子表达式能匹配右侧的文本;

(?!..) 否定顺序环视,子表达式不能匹配右侧的文本;

(?<=…) 肯定逆序环视,子表达式能匹配左侧的文本;

(?<!..) 否定逆序环视,子表达式不能匹配左侧的文本.