引言
本文不谈如何在字符串方法中使用正则,想要学习正则可以去 这里,这里分享一点使用正则遇到的一个不兼容问题。
就是 在IE
与 Microsoft Edge
中,在字符串方法中使用预匹配正则会出现异常 Unexpected quantifier
,错误会直接影响页面展示,因为是浏览器解析代码异常。
出现场景
所有字符串方法,能使用正则的地方,在以上两个浏览器中都会报 Unexpected quantifier
这个错误,下面用例子展示。
使用字符串方法 replace 替换 小明本次成绩为59
中的 59
为 80
'小明本次成绩为59'.replace(/(?<=成绩为)\d*/, (v) => 80)
chrome 控制台测试
Edge 控制台测试
使用字符串方法 match 获取字符串 数字1,数字3,数组8。
中数字后面一位字符
'数字1,数字3,数组8。'.match(/(?<=\d)./g)
chrome 控制台测试
Edge 控制台测试
其他字符串方法 search
、 split
都会遇到上诉问题。
总结
能遇到上面问题的小伙伴,都是对正则有一定认识的,这个问题为浏览器兼容bug,即使使用babel 也无法编译为可兼容代码,处理方法就是避免在字符串方法中使用预匹配正则。在字符串方法中使用非预匹配正则,再对处理后的数据进行处理。以上也是在项目中踩过一次坑,也接过其他同事留下的坑。
以上信息如有疏漏或错误欢迎指正。