正则表达式
什么是正则表达式
MDN介绍介绍的很清楚:
正则表达式是用于匹配字符串中字符组合的模式。在 JavaScript中，正则表达式也是对象。这些模式被用于
RegExp的exec和test方法, 以及String的match、replace、search和split方法。
通常有两种方式创建正则表达式
-
构造函数
var reg = new RegExp('<%[^%>]+%>','g'); -
字面量
var reg=/<%[^%>]%>/g;
正则表达式有三种修饰符
g：global，全文搜索，不添加的话搜索到第一个结果停止搜索
i：ingore case，忽略大小写，默认大小写敏感
m：multiple lines，多行搜索
正则表达式还有几个常见的元字符
( [ { \ ^ $ | ) ? * + .
需要注意的是: ^ 这个元字符出现在中括号里,如[^],表示是取反
[^a-z]表示,除小写字母以外的字符都能匹配,
/^a/g表示,全局匹配以a开头的字符
预定义类
| 字符 | 等价类 | 含义 |
|---|---|---|
| . | [^\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./
边界
正则表达式还提供了几个常用的边界匹配字符
| 字符 | 含义 |
|---|---|
| ^ | 以xxx开头 |
| $ | 以xxx结尾 |
| \b | 单词边界 |
| \B | 非单词边界 |
量词
之前我们介绍的方法都是一一匹配的，如果我们希望匹配一个连续出现20次数字的字符串难道我们需要写成这样
\d\d\d\d...
为此正则表达式引入了一些量词
| 字符 | 含义 |
|---|---|
| ? | 出现零次或一次（最多出现一次） |
| + | 出现一次或多次（至少出现一次） |
| * | 出现零次或多次（任意次） |
| {n} | 出现n次 |
| {n,m} | 出现n到m次 |
| {n,} | 至少出现n次 |
前瞻
| 表达式 | 含义 |
|---|---|
| exp1(?=exp2) | 匹配后面是exp2的exp1 |
| exp1(?!exp2) | 匹配后面不是exp2的exp1 |
分组
到目前为止，我们只能一个字符到匹配，虽然量词的出现，能帮助我们处理一排密紧密相连的同类型字符。但这是不够的，下面该轮到小括号出场了，中括号表示范围内选择，大括号表示重复次数。小括号允许我们重复多个字符。
下面来看几个例子
题目1： 写一个函数trim(str)，去除字符串两边的空白字符
function trim(str){
return str.replace(/^\s+|\s+$/g,'')
}
题目2： 写一个函数isEmail(str)，判断用户输入的是不是邮箱
function isEmail(str){
var reg = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/
return reg.test(str)
}
题目3： 写一个函数isPhoneNum(str)，判断用户输入的是不是手机号
function isPhoneNum(str){
var reg = /^1\d{10}$/
return reg.test(str)
}
题目4： 写一个函数isValidUsername(str)，判断用户输入的是不是合法的用户名（长度6-20个字符，只能包括字母、数字、下划线）
function isUserName(str){
var reg = /^\w{6,20}$/
return reg.test(str)
}
题目5： 写一个函数isValidPassword(str), 判断用户输入的是不是合法密码（长度6-20个字符，只包括大写字母、小写字母、数字、下划线，且至少至少包括两种）
题目6： 写一个正则表达式，得到如下字符串里所有的颜色
var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee "
console.log( subj.match(re) )
reg = /^#[0-9a-fA-F]{6}/
题目7： 改写代码，让其输出[""hunger"", ""world""].
var str = 'hello "hunger" , hello "world"';
var pat = /".*"/g;
str.match(pat); //""hunger" , hello "world""
var str = 'hello "hunger" , hello "world"';
var pat = /".*?"/g;
str.match(pat); // ""hunger"", ""world""
