正则表达式学习——基础篇

最新推荐文章于 2024-04-27 21:30:34 发布
最新推荐文章于 2024-04-27 21:30:34 发布
阅读量781 收藏 1
点赞数 1
分类专栏： 前端 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dongcehao/article/details/108357722
版权

主要是和极客时间的涂伟忠老师《正则表达式入门课》开始学习正则表达式

正则表达式测试网站，当然，浏览器的话直接f12也可以顺利上手

vscode 选中对应的按钮，也可以开启正则表达式匹配、替换的功能

1、基本元字符

  1. （.）点表示换行以外的任意单个字符
  2. \d  表示任意单个数字
  3. \w 表示任意单个数字或字母或下划线
  4. \s 表示任意单个空白符
  5. \D  和 \d  取反
  6. \W 和 \w 取反
  7. \S  和 \s 取反
  8. \r 回车符
  9. \n 换行符

在前端领域，更多出现的，还是 \n

d 是 digit 数字
w 是 word 单词
s 是 space 空白

2、量词，也就是出现的次数

  1.  *  表示出现 0 —— 多次
  2.  +  表示出现 1 —— 多次
  3.  ?  表示 0—1 次，也就是 有或者没有 都可以
  4. {m} 表示 出现 m 次
  5. {m, } 表示出现 m —— 多次
  6. {m, n} 表示出现 m —— n 次

所以 类似于  rgba? 的话，能同时 匹配 rgba 和 rgb

3、范围

  1. |  表示或者，(1|2|3|4|5|6)
  2. [] 从中括号中选择，可以理解为里面的每一个字符都是 或， 而 常用的 0-9  a-z 则是 通过 ASCII 码进行范围匹配
  3. [^] 括号中的第一个字符为 ^ 的时候，表示为 非，里面的所有字符都被排除
  4. () 某一个群组，或者集合

 

4、查找

有了前面的基础，其实就可以进行一些简单的查找了

例如后端很糟糕的给了一个 日期： 20200202，想要获取里面的年月日，一开始只会使用 slice 来切割字符串

/(\d{4})(\d{2})(\d{2})/ 

  1. 这里使用了 () 来对正则进行分组，分成了三组
  2. 第一组是四个数字，第二组和第三组是两个数字

更近一步，就是进行命名分组了

命名分组的格式为(?P<分组名>正则)

/(?<year>\d{4})(?<month>\d{2})(?<day>\d{2})/

这里对每一个组都进行了命名

当然，除了 es6 新出的 exec 外，还有 其他的方法来获取提取出来的字符

RegExp.$1  第一个匹配的字符

RegExp.$2  第二个匹配的字符

以此类推

5、修饰符

  1.  /i  忽略大小写
  2.  /g 全局匹配
  3.  /s  使得 .可以匹配任意单个字符，包括换行符
  4.  /m 匹配多行
  5.   /u 匹配 unicode
  6.   /y 粘连匹配

其实这里的 修饰符都要到 es2018 才完善

`<head>
    <title>学习正则</title>
</head>`

例如想要匹配 head 标签中的内容就需要 /s

/<head>(.*)<\/head>/s

 

 

 

 

dongceha
关注
专栏目录
正则表达式——详细讲解平衡组
12-13
要读懂这篇文章的精髓，你最好要有一点正则匹配原理的基础。比如”.*?”匹配文本内容”asp163″，稍懂正则表达式的人都知道可以匹配，但是你知道他的匹配过程吗？如果你不太清楚，那么下面的内容，对你来说可能不太...
vscode里使用正则表达式
qq_17370937的博客
03-21 7379
正则真的好用，平时工作用正则最多的地方就是在编辑器里做查找替换，之前系统学习了一段时间的正则但有些技巧长时间不用有些生疏了，现在重新捡起来顺便记录一下。 基本的替换操作 ctrl+h可以唤出替换界面，选定.*可以开启正则匹配模式，在上面那行输入正则表达式，下面那行输入替换字符串 括号匹配示例 示例将字符串顺序交换 字符串：example = test 正则表达式: (\w+)\s*=\s*(\w+) 替换表达式：$2 = $1 说明：用括号包含的子表达式会按照顺序被匹配为$n 非捕获型括号 如果只是想用括
vscode latex 极简正反搜索操作
游戏里的编程游戏
03-30 3606
最近的懒劲又犯了，感觉在vscode里面找pdf的内容所对应的源码（反向搜索），源码对应pdf的内容（正向搜索）比较麻烦。查了点资料，两个快捷键就解决了 正向搜索 光标定位至目标源码 CTRL+ALT+J\red{CTRL+ALT+J}CTRL+ALT+J 或者 反向搜索 网上给出的多数方案是用Sumatra PDF，试了几下，居然失败了。几经波折，终于从参考里面获得了最简单的方法 在pdf预览页面实现跳转 CTRL+左键单击\red{CTRL+左键单击}CTRL+左键单击 参考 htt.
VsCode中常用的正则表达式操作
weixin_57669614的博客
07-28 6446
在vscode中可以使用正则表达式来进行搜索内容，极大的方便了我们对大量数据中需要查看的信息进行筛选，使用正则搜索时点击 .*此文章会持续补充常用的正则操作。
vscode常用正则表达式搜索（跨行搜索包含的特定字符串）
咖啡味的小认真
02-22 3万+
注意事项：在VSCode中使用时，要先把通配符开关打开（开关是查找输入框右边的".*"符号） 转义字符 匹配内容 \t tab \r 回车符号\r \n 换行符号\n \ 特殊符号转义，如"*" ，转义后匹配的是字符"*"， “(” 匹配的是括号"(" [字符序列] 匹配[ ]中的任意字符，如[ae]，字符a和字符e均匹配 [^字符序列] 匹配不在[ ]中的任意字符，如[^ae]除了a和e，其他字符都匹配 [字符1-字符2] 匹配在[ ]之间的任意字符，如[a-x]，
正则表达式将所有非数字替换成空格_正则表达式（一）
weixin_39773158的博客
12-03 3705
写在前面练习写作是我们学习知识有效的一种方式，通过写作可以检验你对知识点的掌握，是一种对自己内心世界的推演，因此你也会得到一些结论。而这些结论正是你身体力行、复盘总结、升华提炼后的结果。你把文字写出来的时候，也许你会想，又或者会有告诉你，某本书上早写了这些。于是你可能会茫然，想着既然书上早就写了，那我折腾的意义在哪里？意义很明显。二者的区别在于，你自己想明白的，就是你的；书上的只是书上的，终究不是...
Python 中文正则表达式笔记
10-28
### Python 中文正则表达式知识点 ...通过本篇文章的学习，我们可以更好地理解和应用Python中的正则表达式来处理中文字符。希望这些知识点能够帮助大家更加高效地使用正则表达式来完成各种文本处理任务。
iOS验证手机号的正则表达式
08-31
1. **正则表达式基础**：学习正则表达式的语法，如边界的表示（`^`和`$`），重复次数的指定（`{n}`或`{n, m}`），字符集（`[]`）以及逻辑或（`|`）等。 2. **NSPredicate**：了解`NSPredicate`类，它是Objective-C...
js正则表达式
04-16
1. 字面量表示法：在JavaScript中，我们可以使用两种方式创建正则表达式——字面量表示法和构造函数表示法。字面量表示法是最常见的，以斜杠（/）包围，如 `/abc/`。 2. 正则元字符：元字符是具有特殊含义的字符，...
最全的正则表达式教程
热门推荐
半夏_2021的博客
06-17 4万+
最全的正则表达式教程
正则表达式 学习
探索技术与实践的旅程，分享编程经验与工具使用心得，助力开发者提升技能。
04-18 3260
1. 正则表达式(Regular Expression) 2. 正则表达式语法： + ，* ，？ 3. 正则表达式语法 [...] 4. 非打印字符 5. 特殊字符 6. 限定符 7. 贪婪和非贪婪 8. 定位符 9. 选择 10. 正则表达式 修饰符 11. 元字符 和 正则表达式的优先级
JavaScript高级04天-正则表达式
NumberQ的博客
09-27 253
JavaScript高级第04天笔记 1.正则表达式概述 1.1什么是正则表达式 正则表达式（ Regular Expression ）是用于匹配字符串中字符组合的模式。在JavaScript中，正则表达式也是对象。 正则表通常被用来检索、替换那些符合某个模式（规则）的文本，例如验证表单：用户名表单只能输入英文字母、数字或者下划线， 昵称输入框中可以输入中文(匹配)。此外，正则表达式还常用于过滤掉页面内容中的一些敏感词(替换)，或从字符串中获取我们想要的特定部分(提取)等 。 其他语言也会使用正则表达式，本
超详细：正则表达式从入门到入门
mfsdmlove的博客
02-23 2278
本文章首发于公众号Python for Finance链接：https://mp.weixin.qq.com/s/boLdKv1L31377dLOKQ6irw正则表达式(regular expression)描述了一种字符串匹配的模式（pattern），可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。
从零开始学习正则表达式，一篇搞定！（超全面极速版）
最新发布
m0_62683981的博客
04-27 1974
（一）正则表达式简介（一）正则表达式简介正则表达式是由一些具有特殊含义的字符组成的字符串，是由字母和符号组成的特殊文本，它可以用来从文本中查找、替换符合规则的字符串。在表单验证、Url映射等处都会经常用到。一个正则表达式匹配主体字符串的模式是从左到右正则表达式也称为"Regular expression"，通常简称为"regex" "regexp"（二）正则表达式字符基础字面量：字面量是指直接匹配特定字符本身的内容，例如 ‘a’ 就是一个字符字面量，表示匹配字符’a’。
一文可学习到如何使用正则表达式
文文的博客
06-22 1934
1.基本语法 2.零宽断言详解 3.练习题 4.升级打怪方法 5.好用的线上工具
【笔记】vscode 正则表达式
柠檬很酸的博客
04-17 2183
1.常用通配符： 【1】//Matches the previous element zero or more times. Quantifier Description Pattern Matches . //匹配任意字符（匹配次数 n==0||1） a.c ac,abc ...
常用的正则表达式语法学习
m0_51636525的博客
07-07 1012
正则表达式是一种字符串匹配利器，可以帮助我们搜索、获取、替代字符串。它是一种计算机科学的概念，不单单属于某种语言，正则表达式可以在Python、JavaScript、Java等语言中广泛使用。在JavaScript中，正则表达式使用RegExp类来创建，但也有对应的字面量的方式：正则表达式主要由两部分组成：模式（patterns）和修饰符（flags）......
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值