使用正确的js编写的正则表达式,但是无法匹配

其实只是自己感觉表达式正确而已,其实是错误的。

先直接说答案,.语法无法匹配\n(点语法无法匹配\n),不知道大家有没有恍然大悟。

这里举例子介绍一下:

我现在有一个字符串,例如'12!@@!333!@@!',其中!@@!是一个标记,我需要获取到夹在中间的内容,这个例子就是需要匹配到333

需要注意的是,这里只是为了演示,才使用正则表达式做这个事情的,如果可以不用正则表达式,最好还是不要用。它很消耗性能,尤其是在字符串长度不可控的时候。

例如这里想要匹配到333,完全可以这样:

javascript 复制代码
let a = '12!@@!333!@@!'
a?.split('!@@!')[1]?.split('!@@!')[0]

下面来用正则试一下

可能会这样写

javascript 复制代码
a.replace(/.*!@@!(.*)!@@!/gi, (str, p1) => p1)

对于这个demo,确实可以,现在把目标字符串改一下,现在匹配'1\n2!@@!333!@@!'这个,注意,这里有一个换行符。那么还会不会正确输出呢?输出的结果是:

javascript 复制代码
1
333

注意1和333之间有一个换行符。这个问题就是在最开始提到的点语法无法匹配\n,如果想要匹配,正则表达式需要改成这样:

javascript 复制代码
a.replace(/.*!@@!(.*)!@@!/gis

模式中添加s(单行模式)模式,这样\n就会被.匹配到了。

相关推荐
Aliex_git3 分钟前
Vue2 - Watch 侦听器源码理解
前端·javascript·vue.js·笔记·学习
你疯了抱抱我5 分钟前
【QQ】空间说说批量删除脚本(不用任何额外插件,打开F12控制台即可使用)
开发语言·前端·javascript
鹏北海11 分钟前
Single-SPA 学习总结
前端·javascript·微服务
_码力全开_30 分钟前
第一章 html5 第一节 HTML5入门基础
前端·javascript·css·html·css3·html5
KLW7534 分钟前
vue 绑定动态样式
前端·javascript·vue.js
幼稚鬼_Blog44 分钟前
可拖拽悬浮按钮组件支持vue3/vue2
前端·javascript·html
前端小怪兽zmy1 小时前
Vue3实现纯前端语音输入成文字显示
前端·javascript·elementui
鱼鱼块1 小时前
告别重复传参!用柯里化提升代码优雅度
前端·javascript·面试
chilavert3181 小时前
技术演进中的开发沉思-274 AJax :Button
前端·javascript·ajax·交互
小笔学长1 小时前
观察者模式:实现对象间的消息传递
javascript·观察者模式·项目实战·前端开发