进阶篇：正则表达式-基本用法 (9-1)

饥人谷学习进阶第 9 天

基本用法

正则表达式(Regular Expression)是计算机科学的一个概念。使用单个字符串来描述，匹配一系列符合某个句法规则的字符串。在很多文本编辑器李，正则表达式通常被用来检索、替换哪些符合某个模式的文本。

创建

JavaScript通过内置对象RegExp支持正则表达式，有两种方式创建正则表达式对象，如果我们想匹配字符串中<%xxx%>两个百分号分割的字符串可以这么写

1. 构造函数

var reg=new RegExp('<%[^%>]+%>','g');

2. 字面量

var reg=/<%[^%>]%>/g;

修饰符

• g：global，全文搜索，不添加的话搜索到第一个结果停止搜索
• i：ingore case，忽略大小写，默认大小写敏感
• m：multiple lines，多行搜索

元字符

正则表达式的元字符（在正则表达式中具有特殊意义的专用字符，可以用来规定其前导字符）

( [ { \ ^ $ | ) ? * + .

在不同的组合中，元字符有不同的意义

字符	含义
\t	水平制表符
\r	回车符
\n	换行符
\f	换页符
\v	垂直制表符
\0	空字符

字符类

一般情况下正则表达式一个字符（转义字符算一个）对应字符串一个字符

可以使用元字符[]来构建一个简单的类，比如[abcd]代表一个字符，这个字符可以是abcd四个字符中的任意一个

取反

元字符[]组合可以创建一个类，我们还可以使用元字符^创建反向类/负向类（不属于xx类的内容）。比如：表达式[^abc]表示一个不是字符a或b或c的字符

范围类

//匹配一个字符，这个字符可以是0-9中的任意一个
var reg1 = /[0123456789]/
var reg2 = /[0-9]/

//匹配一个字符，这个字符可以是a-z中的任意一个
var reg3 = /[a-z]/

//匹配一个字符，这个字符可以是大写字母、小写字母、数字中的任意一个
var reg4 = /[a-zA-Z0-9]/

预定义类

字符	等价类	含义
.	[^\r\n]	除了回车符和换行符之外的所有字符
\d	[0-9]	数字字符
\D	[^0-9]	非数字字符
\s	[\t\n\x0B\f\r]	空白符
\S	[^\t\n\x0B\f\r]	非空白符
\w	[a-zA-Z_0-9]	单词字符，字母、数字下划线
\W	[^a-zA-Z_0-9]	非单词字符

希望匹配一个可以是ab+数字+任意字符的字符串，可以写成/ab\d./

边界

常用的边界匹配字符

字符	含义
^	以...开头
$	以...结尾
\b	单词边界
\B	非单词边界

var str = 'hello1 world hello2 123456 \t \r jirengu \n ruoyu hello3'
str.match(/hello\d/g)   // ["hello1", "hello2", "hello3"]
str.match(/^hello\d/g)  // ["hello1"]
str.match(/hello\d$/g)   // ["hello3"]

var str2 = 'hello1 whello9orld hello2 12-hello8-3456 \t \r jirengu \n ruoyu hello3'
str2.match(/\bhello\d\b/g)   //["hello1", "hello2", "hello8", "hello3"] 
//注意-也用于区分单词边界

检测是否存在header的class问题
var reg = /(^|\s)header($|\s)/g
以header开头或者header前面是空白符，以header结尾或者header后面是空白符，不会对ct-header-fixed匹配成功

量词

希望匹配连续出现的...字符引入一些两次

字符	含义
?	出现零次或一次（最多出现一次）
+	出现一次或多次（最少出现一次）
*	出现零次或多次（任意次）
{n}	出现n次
{n,m}	出现n到m次
{n,}	至少出现n次

var str1 = 'http://jirengu.com'
str1.match(/https?:\/\/.+/)  //匹配
str1.match(/https+:\/\/.+/)  //不匹配
str1.match(/https*:\/\/.+/)  //匹配

var str2 = 'https://jirengu.com'
str2.match(/https?:\/\/.+/)  //匹配
str2.match(/https+:\/\/.+/g) //匹配
str2.match(/https*:\/\/.+/g) //匹配

var str3 = 'httpssssss://jirengu.com'
str3.match(/https?:\/\/.+/g)  //不匹配
str3.match(/https+:\/\/.+/g)  //匹配
str3.match(/https*:\/\/.+/g)  //匹配

匹配一个合法的url（url以http或https或//开头）
var reg = /^(https?:)?\/\/.+/
匹配手机号（以1开头，长度为11位数字）
var reg = /1[0-9]\d$/