正则判断 空格_js关于正则的前后关联约束(前后预查)

最近研究了正则的前后预查，感觉好玩就分享一下，文章最后有意外的惊喜哦。

前置约束和后之约束都属于只匹配不捕获（非捕获族）。

前置约束用于判断所匹配的格式是否在另一个确定的格式之后，反知，后之约束用于判断所匹配的格式是否在另一个格式之前。

符号描述?=前置约束-存在?!前置约束-排除?<=后置约束-存在?<!后置约束-排除

1 、前置约束 ?=（存在）

比如 我们先想匹配red字符串，但是希望后面跟的是shiny的字符串。我们应该这样写 /(red)(?=shiny)/

/(red)(?=sshiny)/=>'red shiny red black'

解释一下 /(red)(?=sshiny)/ 为什么是sshiny,因为red和shiny之间有一个空格所以加了一个s 是空格匹配

2、前置约束?!(排除)

比如我们想匹配red字符串，但是后面不跟black字符串，那么就应该这样写/(red)(?!sblack)/

/(red)(?!sblack)/=>'red shiny red black'

3、后置约束?<=(存在)

比如我们现在想匹配red字符串,但是它的前面必须是shiny字符串，那么我们就应该这么写/(?<=shinys)(red)/

/(?<=shinys)(red)/=>'red shiny red black'

4、后置约束?<!(排除)

比如我们现想匹配red字符串，但是它的前面不能是black字符串，那么我们用该这样写/(?<=!blacks)red/

/(?<!blacks)(red)/=>'red shiny red black red'

上面的示例是不是很简单，但是告诉大家一个很不好消息尤其是移动端开发者，有些浏览器不支持这种写法，我是在工作中遇见的，还有一个不得不吐槽的问题就是ios的safari不止"-"这个字符写正则的时候大伙们注意一下