正则表达式中的?=、?＜=

大家好，我是小梅，公众号：「小梅的前端之路」 原创作者。

作为在前端领域不断探索的一员，在此记录开发中遇到的问题，如果你也遇到了相同的问题，希望本文对你有帮助。

每次写看到这些正则表达式，都容易傻傻分不清，因此记录一下，加深记忆。

1、?= 正向肯定预查

举例：匹配'2020'或'2021'字符串并且'2020'或'2021'字符串后面的字符是'abc'

let reg = /202[0-1](?=abc)/g;
let str = '2020abc, 2021ddd';
let res = str.match(reg); // ['2020']

2、?! 正向否定预查

举例：匹配'2020'或'2021'字符串并且'2020'或'2021'字符串后面的字符不是'abc'

let reg = /202[0-1](?!abc)/g;
let str = '2020abc, 2021ddd';
let res = str.match(reg); // ['2021']

3、?<= 反向肯定预查

举例：匹配'aa'或'ab'字符串并且'aa'或'ab'字符串前面的字符是'2020'

let reg = /(?<=2020)(a[a|b])/g;
let str = '2020aa, 2021ab';
let res = str.match(reg); // ['aa']

4、?<! 反向否定预查

举例：匹配'aa'或'ab'字符串并且'aa'或'ab'字符串前面的字符不是'2020'

let reg = /(?<!2020)(a[a|b])/g;
let str = '2020aa, 2021ab';
let res = str.match(reg); // ['ab']

注意：Safari不支持这些，如果要考虑浏览器兼容性的话，不要使用这些正则

❤️欢迎素质三连[点赞 + 收藏 + 评论]

我是小梅，有兴趣的话可以在微信搜一搜「小梅的前端之路」第一时间接收文章更新通知，一起沟通、学习成长呀。