学习正则(第二天)位置匹配

小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。

Dear,大家好,我是“前端小鑫同学”,😇长期从事前端开发,安卓开发,热衷技术,在编程路上越走越远~


正则中的位置就相当于我们数组的下标,标识字符所在的位置,那我们在正则里面用来标示位置的关键字都有哪些呢?

01. 匹配开头:脱字符(^)

001. 是否符合开头(匹配)

正则:/^he/gm

正例:helloworld

反例:worldhello

说明:如下图所示,正例字符串符合已he开头,成功命中。

image.png

002. 开头插入字符(替换)

正则:/^/gm

待替换字符:helloworld

替换结果:

image.png

image.png

02. 匹配结尾:美元符($)

001. 是否符合结尾(匹配)

正则:/ld$/gm 正例:helloworld 反例:worldhello 说明:如下图所示,正例字符串符合已ld结尾,成功命中。

image.png

002. 结尾插入字符(替换)

同开头插入字符

单词\非单词边界:\b、\B

\b单词边界指的就是单词字符\w和非单词字符\W之间的位置,也包含单词字符到有脱字符的开始位置和单子字符到有美元符的结束位置,\B反之,具体看下图进行理解:

image.png

image.png

03. 命中p的前面位置:(?=p)

正则:/(?=o)/gm

说明:如下图所示,成功找到字符串中每个o前面的位置。

image.png

04. 命中除了p前面的其他位置:(?!p)

正则:/(?!e)/gm

说明:如下图所示,成功找到字符串中除了e前面的其他位置。

image.png

如下图整理了正则中的位置的图示,因语言兼容版本的问题,更多了可以自行补充一下:

image.png

05. 案例分析:

001. 千分位显示数字

  1. 数字字符表示:\d
  2. 千分位量词:{3}
  3. 位置替换字符:(?=p)
  4. 从末尾往首进行命中

第一版:

image.png

呀?齐了怪了,只匹配到了一个位置?那我们想匹配多次怎么办?使用+呗,但我们要用()进行一下分组;

第二版:

image.png

现在可以看到匹配的位置多余命中了首位,那怎么去除呢?试试这个(?!^)

第三版:

image.png

最终正则的图示:

image.png

稍加扩展: 当我们的字符串的内容稍加改变后,我们上面的正则将变得不那么顺手,请看下图:

image.png

那这个问题又该怎么办呢?开始的控制开始和结束的位置变的失效了,我们分析一下,字符串中每个1的前面和8的后面都属于单词的边界,那我用使用\B来匹配非单词的边界即可,每组结束的位置又是单词边界我们用\b表示,请看如下图:

image.png

image.png

image.png


欢迎关注我的公众号“前端小鑫同学”,原创技术文章第一时间推送。 ​

位置匹配我们就先学到这,赶紧抄起以前代码中的正则用下面的工具试试看吧,XDM🤭。以上内容学习自老姚的正则表达式迷你书v1.1版,因部分内容还没能理解,还请阅读原著多多学习。 ​

推荐一个自己的导航网站:https://it200.cn/

正则编写测试网站:https://regex101.com/

正则表达式图示:https://jex.im/regulex/

posted @   前端小鑫同学  阅读(22)  评论(0编辑  收藏  举报  
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
点击右上角即可分享
微信分享提示