最火下载站首页
手机版
最火下载站
关注公众号
最火下载站

当前位置:首页 > 网络知识 > Web前端 > 工具与技巧> 正则表达式教程

正则表达式教程

文章作者:网友投稿 发布时间:2019-06-21 09:10:58 来源:网络

正则表达式的使用方便了我们操作字符串,它还可以严谨的验证文本框中的内容。究竟多神奇,让我们一起去学习一下吧!

正则表达式的使用方便了我们操作字符串,它还可以严谨的验证文本框中的内容。究竟多神奇,让我们一起去学习一下吧!


正则表达式:

1)作用:

它是一组用于对字符串进行操作的工具。正则表达式不是js中的一个特有组成部分,而是一个单独的功能,大多数变成语言都会对正则进行实现。

2)创建方式:在js中正则表达式使用的是内置对象设置方式。

分为以下两种:构造函数创建方式 new RegExp('abc')  和 字面量 /abc/

3)操作功能分为三类: 

     匹配 test()   替换 replace()  提取 macth()、exec()

 1. test():检索字符串中的指定值。返回值是 true 或 false

zz1.png

 2. exec()检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配,则返回null

zz2.png

 3. compile():用于改变RegExp,既可以改变检索模式,第二个参数也可以添加或删除

zz3.png

 4. match():用来提取字符串的某部分

match.png

 5. replace()第一个参数为被匹配的字符或正则,第二个参数字符串即待操作的原字符串。

zz7.png

4)匹配分类:

 1. 简单类:功能是按照内部字符进行匹配操作

zz4.png

 2. 字符类:[ ]标识,[ ]整体标识某一位字符,内部的多个字符标识某个位置的多种情况。例如:能够匹配某个字符串,如果某个字符串为a或b或c,即可匹配成功成功

zz5.png

3. 反向类:反向类功能是基于字符类的,是对字符类的功能扩展。

标识方式:在[ ]最开始位置书写一个^表示反向,可以匹配除内部字符以外的其他字符。意思是如果字符串内只有指定的值,那么返回false。这个功能主要是找反向的,只要有除了字符串以外的值,则返回的就是true。关键是有没有其他字符。

zz6.png

5)应用场景:

 1. 用户名

 2. 密码

 3. 电子邮箱

 4. 手机号码

 5. 身份证号码

 6. 生日

 7. 邮政编码

 8. 固定电话


上一篇: 前端常见面试题

下一篇: vue 知识点总结

共有0条评论网友评论