Web APIs六、正则表达式
迪丽瓦拉
2024-06-02 20:52:27
0次
零、文章目录
文章地址
- 个人博客-CSDN地址：https://blog.csdn.net/liyou123456789
- 个人博客-GiteePages：https://bluecusliyou.gitee.io/techlearn
代码仓库地址
- Gitee：https://gitee.com/bluecusliyou/TechLearn
- Github：https://github.com/bluecusliyou/TechLearn
Web APIs六、正则表达式
1、正则表达式
（1）介绍
- 正则表达式（Regular Expression）是用于匹配字符串中字符组合的模式。在 JavaScript中，正则表达式也是对象，通常用来查找、替换那些符合正则表达式的文本。
- 正则表达式在 JavaScript中的使用场景：
- 例如验证表单：用户名表单只能输入英文字母、数字或者下划线， 昵称输入框中可以输入中文(匹配)
- 过滤掉页面内容中的一些敏感词(替换)，或从字符串中获取我们想要的特定部分(提取)等 。
（2）语法
- 定义规则：
const 变量名=/表达式/ - 查找：
regobj.test(被检测的字符串)，如果正则表达式与指定的字符串匹配 ，返回true，否则false
- 检索（查找）符合规则的字符串：
regobj.exec(被检测字符串)，返回匹配到的数组，没有匹配返回null
案例如下：
正则表达式的使用
（3）元字符
-
元字符
-
**普通字符：**大多数的字符仅能够描述它们本身，这些字符称作普通字符，普通字符只能够匹配字符串中与它们相同的字符。
-
**元字符(特殊字符）：**是一些具有特殊含义的字符，可以极大提高了灵活性和强大的匹配功能。
- 比如，规定用户只能输入英文26个英文字母，普通字符的话 abcdefghijklm……
- 但是换成元字符写法： [a-z]
-
参考文档：
- MDN：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions
- 正则测试工具: http://tool.oschina.net/regex
-
元字符分类：
- 边界符（表示位置，开头和结尾，必须用什么开头，用什么结尾）
- 量词 （表示重复次数）
- 字符类 （比如 \d 表示 0~9）
-
-
**边界符：**正则表达式中的边界符（位置符）用来
提示字符所处的位置，主要有两个字符，如果 ^ 和 $ 在一起，表示必须是精确匹配。
- **量词：**量词用来
设定某个模式出现的次数，逗号左右两侧千万不要出现空格
-
字符类：
-
[ ] 匹配字符集合：后面的字符串只要包含 abc 中任意一个字符，都返回 true 。 -
[ ] 里面加上 - 连字符：表示一个范围- [a-z] 表示 a 到 z 26个英文字母都可以
- [a-zA-Z] 表示大小写都可以
- [0-9] 表示 0~9 的数字都可以
-
[ ] 里面加上 ^ 取反符号：表示不在括号范围- [^a-z] 匹配除了小写字母以外的字符
-
. 匹配除换行符之外的任何单个字符 -
预定义：指的是 某些常见模式的简写方式。
-
案例如下：
元字符
验证用户名案例：
验证用户名案例
（4）修饰符
- 修饰符约束正则执行的某些细节行为，如是否区分大小写、是否支持多行匹配等
- 语法：
/表达式/修饰符- i 是单词 ignore 的缩写，正则匹配时字母不区分大小写
- g 是单词 global 的缩写，匹配所有满足正则表达式的结果
- 替换匹配的字符串：
字符串.replace(/正则表达式/，'替换的文本')
案例如下：
正则修饰符
过滤敏感词：
过滤敏感词
2、小兔鲜注册案例
（1）模块业务分析
（2）需求
（3）代码
小兔鲜儿 - 新鲜 惠民 快捷!
新用户注册
3、小兔鲜登录案例
（1）需求
（2）步骤
（3）代码
小兔鲜儿 - 新鲜 惠民 快捷!
上一篇：八大排序算法之插入排序+希尔排序
下一篇：想发一点酷官方网站--潘万丁