博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
初识JavaScript正则表达式
阅读量:5907 次
发布时间:2019-06-19

本文共 3469 字,大约阅读时间需要 11 分钟。

JavaScript通过内置对象RegExp支持正则表达式,通过字面量和构造函数实例化RegExp对象

1.字面量

语法:

var reg = /\bXXX\b/g; //XXX可替换任意内容复制代码

eg:

var reg = /\bis\b/g;![](https://user-gold-cdn.xitu.io/2018/10/7/1664e7f57a488dcb?w=1920&h=1080&f=jpeg&s=442445)//g表示全局'He is a boy .This is a dog.Where is she?'.replace(reg,'YY')//将这句话中的is全部替换为YY,运行结果如下"He YY a boy .This YY a dog.Where YY she?"var reg = /\bis\b/;//如果不加g,则只修改第一个'He is a boy .This is a dog.Where is she?'.replace(reg,'YY')//将这句话中的第一个is全部替换为YY,运行结果如下"He YY a boy .This is a dog.Where is she?"复制代码

2.构造函数

语法:

var reg = new RegExp('\\bxxx\\b','g');//XXX可替换任意内容复制代码

eg:

var reg = new RegExp('\\bis\\b','g');'He is a boy .This is a dog.Where is she?'.replace(reg,'9999')//将这句话中的is全部替换为9999,运行结果如下"He 9999 a boy .This 9999 a dog.Where 9999 she?"//如果不加g,只修改第一个复制代码

3.修饰符

g:global,全文搜索,不添加,搜到第一个匹配就停止

i: ignore case,忽略大小写,正则默认大小写敏感

m: multiple lines 多行搜索

eg:

var reg = /\bis\b/gi;//修改所有is,无论大小'He is a boy .This IS a dog.Where Is she?'.replace(reg,'9999')//运行结果如下"He 9999 a boy .This 9999 a dog.Where 9999 she?"复制代码

4.元字符 正则表达式由两种基本字符类型组成

(1)原义文本字符:代表它原来含义的字符 例如:abc、123 (2)元字符:在正则表达式中有特殊意义的非字母字符 例如:\b表示匹配单词边界,而非\b 在正则表达式中具体特殊含义的字符:

    • ? $ ^ . \ () {} []

元字符:

\t:水平制表符; \v:垂直制表符; \n:换行符; \r:回车符; \0:空字符; \f:换页符; \cX:与X对应的控制字符复制代码

5.字符类

一般情况下正则表达式一个字符对应字符串一个字符

表达式 ab\t 的含义是: 一个字母a一个字母b加一个tab制表符

可以使用元字符[ ]来构建一个简单的类,所谓类是指符合某些特征的对象,一个泛指,而不是特指某个字符

表达式[abc]:把字符 a 或 b 或 c 归为一类,表达式可以匹配这类的字符,即匹配abc中的一个

'a1b2c3d4'.replace(/[abc]/g,'y');    "y1y2y3d4"复制代码

字符类取反

使用元字符 ^ 创建 反向类/负向类,反向类的意思是:不属于某类的内容 表达式 [^abc] 表示 不是字符a或b或c 的内容

'a1b2c3d4'.replace(/[^abc]/g,'x');"axbxcxxx"复制代码

6.范围类

使用字符类匹配数字 [0123456789] 简写[0-9]

可以使用 [a-z] 来连接两个字符表示 从a到z的任意字符,闭区间,包含a和z本身 如:

'a1b2c3zx4z9'.replace(/[a-z]/g,'X');"X1X2X3XX4X9"复制代码

在[ ]组成的类内部是可以连写的 [a-zA-Z] 如:

'a1b2c3zx4z9ADG'.replace(/[a-zA-Z]/g,'X');"X1X2X3XX4X9XXX"复制代码

注意: 当-在两个字符之间,表示范围,想匹配-,直接在后面加-即可

'2016-08-08'.replace(/[0-9-]/g,'X');"XXXXXXXXXX"复制代码

7.预定义类

(1)正则表达式提供了"预定义类"匹配常见的字符类

.  等价于 [^\r\n] 表示除了回车符和换行符之外的所有的字符\d 等价于 [0-9] 数字字符\D 等价于 [^0-9] 非数字字符\s 等价于 [\t\n\x0B\f\r] 空白符 s:space\S 等价于 [^\t\n\x0B\f\r] 非空白符\w 等价于 [a-zA-Z_0-9] 单词字符(字母、数字下划线) w:word\W 等价于 [^a-zA-Z_0-9] 非单词字符注:大写的表示取反复制代码

eg:

使用预定义类匹配一个 ab+数字+任意字符 的字符串

ab\d.

(2)正则表达式提供了"边界匹配"字符

常见的边界匹配字符:^ 以XXX开始$ 以XXX结束\b 单词边界\B非单词边界复制代码

eg:

'This is a boy'.replace(/is/g,'0')//替换所有is"Th0 0 a boy"'This is a boy'.replace(/\bis\b/g,'0')//替换单词is"This 0 a boy"'This is a boy'.replace(/\Bis\b/g,'0')//替换不是单词的is"Th0 is a boy"复制代码

eg:

'@123@abc@'.replace(/@./g,'Y')//以@为开头的字符替换成Y"Y23Ybc@"'@123@abc@'.replace(/^@./g,'Y')//以@为开头后面字符的替换成Y"Y23@abc@"'@123@abc@'.replace(/.@/g,'Y')//以@为结尾后面字符的替换成Y"@12YabY"'@123@abc@'.replace(/.@$/g,'Y')//以@为结尾后面字符的替换成Y"@123@abY"复制代码

换行处理字符添加m即可

eg:见下图

8.量词 正则表达式提供了量词表示匹配字符出现的次数

? 出现<=1次+ 出现>=1次* 出现任意次{n}出现n次{n,m}出现n到m次{n,}出现至少n次复制代码

eg:

\d{20}//匹配连续出现20次的字符复制代码

9.两种模式

(1)贪婪模式(模式)

正则表达式在匹配时,尽可能多的匹配,直到匹配失败 eg:

'12345678'.replace(/\d{3,6}/g,'X');"X78"复制代码

(2)非贪婪模式

正则表达式尽可能少的匹配,即一旦成功匹配就不再继续匹配,需要在量词后加上"?" eg:

'123456789'.match(/\d{3,5}?/g);["123","456","789"]复制代码

10.分组

(1)使用()可以达到分组的功能 eg:

'a1b2c3d4'.replace(/([a-z]\d){3}/g,'X');"Xd4"复制代码

(2)或,符号为"|" eg:

'ByronCasper'.replace(/Byron|Casper/g,'X');"XX"复制代码
'ByrONsperByrCasper'.replace(/Byr(on|Ca)sper/g,'X');"XX"复制代码

11.反向引用

正则中的反向引用:使用分组时,正则会捕获分组的引用,可以使用"$n"来获取对其匹配字符的引用。其中n为分组的顺序

eg:如下图

s1、s2、s3分别代表年月日

12.忽略分组

分组内加" ?:"就可以忽略该分组了

13.前瞻

正则表达式从文本头部向尾部开始解析,文本尾部方向,成为“前”。前瞻就是在正则表达式匹配到规则的时候,向前检查是否符合断言。比如找到儿子为张三,还得看看他的父亲是否是李四 eg:如下图

14.对象属性

转载于:https://juejin.im/post/5aeef68d5188253836119cb6

你可能感兴趣的文章
vsftp 500 OOPS: cannot change directory:/home/xyp
查看>>
MVC ---- EF的安装于卸载
查看>>
WebRTC 学习之 概念总结
查看>>
Java对ad操作
查看>>
unity与android交互总结
查看>>
h5 微场景
查看>>
linux下uboot kernel操作cpu寄存器
查看>>
(转)PaperWeekly 第二十二期---Image Caption任务综述
查看>>
raspi-config Expand root partition to fill SD card 原理
查看>>
maven generating project in batch mode hang
查看>>
Excel与XML相互转换 - C# 简单实现方案
查看>>
远程通信的几种选择(RPC,Webservice,RMI,JMS的区别)
查看>>
基础二:javascript面向对象、创建对象、原型和继承总结(下)
查看>>
360. Sort Transformed Array
查看>>
docker使用流程
查看>>
一次解决OOM的经历
查看>>
JavaScript闭包
查看>>
樹莓派初始化安裝配置筆記
查看>>
TouchID本地身份验证
查看>>
android:launchMode小分析
查看>>