作用
用于检索替换那些符合某个模式的文本。
创建
- var reg=new RegExp('<%[^%]>','g')
- var reg=/%[^%]/g;
语法
g: 全文检索，不添加的话，搜索到第一个结果就停止检索。
i: 忽略大小写
m:多行检索
元字符
\t: 制表符
\r: 回车
\n: 换行
\f: 换页符
[]: 可以使用此来构建一个简单的类，例如[abc]只匹配一个字符。一般情况下，正则表达式的一个字符（转义符算一个）对应字符串的一个字符。
取反
[^abc]
范围类
[0-7]
预定义类
. : 除了回车和换行符之外的所有字符
\d : 数字[0-9]
\D : 非数字 [^0-9]
\s :空白符
\S :非空白符
\w :字母、数字、下划线
\W :非字母、数字、下划线
边界
^: 以。。。开头，/^abc/以abc开头
$: 以。。。结尾
\B: 非单词边界
\b: 单词边界（单词边上有空格、下划线才能匹配）
var reg=/^h\dm/g
'h3m h4m h2m'.match(reg)//'h3m'虽然是全局，但是结果仍然是h3m，因为以h3m开头。
匹配手机号
'13513219627'.match(/^\d{10}$/)
匹配字符串（单词边界）
' hello worhellold hello'.match(/\bhello\b/g)//['hello','hello']
' hello wor_hello_ld hello'.match(/\bhello\b/g)//['hello','hello','hello']
量词(匹配几次)
?: 出现0次或1次
+：出现1次或多次
*：任意次
{n}: 出现n次
{n,m}: 出现n到m次
{n,}：至少出现n次
{,m}:最多出现m次
'a12345b678cde'.match(/[a-z]\d?/g)//['a','b','c','d','e']
'a12345b678cde'.match(/[a-z]\d*/g)//['a12345','b678','c','d','e']
'a12345b678cde'.match(/a-z\d+/g)//['a12345','b678']
'a12345b678cde'.match(/[a-z]\d{a,4}/g)//['a1234','b678'],1到4个即1，2，3，4都行
贪婪模式与非贪婪模式
默认是贪婪模式，即能够尽可能多的匹配，如果匹配不上，再往下减。
'123456789'.match(/\d{3,5}/g);//['12345','6789']
非贪婪模式
让正则表达式尽可能少的匹配，也就是一旦匹配成功就不再继续匹配。做法就是在量词后加?
'123456789'.match(/d{3,5}?/g)//['123','456','789']
'a12345b678cde'.match(/[a-z]\d??/g)//['a','b','c','d','e']
'a12345b678cde'.match(/[a-z]\d+?/g)//['a1','bb']
'a12345b678cde'.match(/[a-z]\d*?/)//['a','b','c','d','e']
分组
byron{20}//n重复20次
(byron){20}//byron重复20次
'hello hello'.match(/(hello){2,3}/g)//['hello hello']
(byron|casper){20}
(byron).(ok)
前瞻
exp1(?=exp2)//exp1的后面必须是exp2,返回exp1
exp1(?!exp2)//exp1的后面不是exp2
例如：
(/good(?=byron)/).exec('goodbyron123')//['good']
(/good(?=byron)/).exec('goodcasper123')//null
var str='ruoyu444hello\nruoyu123\nruoyu789'
console.log(str.match(/^ruoyu\d(3)/g))//ruoyu
console.log(str.match(/^ruoyu\d(3)/mg))//多行匹配可以匹配所有''ruoyu'开头的字符串。
方法
test(str)
var reg=/hello/
reg.test('hello world')//true
exec(str)
把匹配的项以数组的形式打印出来
string.search(reg)
不执行全局匹配，忽略标志g。并且总是从字符串的开始进行检索，返回子串的起始位置。
var str='visit runoob';
var n=str.search(/runoob/i)
console.log(n)//6
string.replace(reg,replace)
检测到字符串以找到一个或多个与regexp匹配的文本，是否有g对结果影响很大。
var str='hello jirengu hbllo world'
var reg=/h[a-z]llo/g
str=str.replace(reg,'hello')
console.log(str)
string.replace(reg,function)
在前面的介绍中只能把所有的匹配替换为固定的内容，但是如果想要把匹配的字符做一些事情怎么办？
var str2='hallo jirengu hbllo world'
var reg=/h[a-z]llo/g
str2=str2.replace(reg,function(value){
return value[0].toUpperCase()+value.substr(1)
})//value指的是匹配好的字符
'2389ru9w45hg'.replace(/\d+/g,function(r){
return ('+r+')
})//(2389)ru(9)w(45)hg
string.split()
用split方法把字符串分割成字符串数组。
'a,b,c,d'.split(',')//['a','b','c','d']
'a1b2c3d'.split(/\d/)//['a','b','c','d']
var reg=/\w+@.+/
/#[0-9 a-f A-F]{6}|[0-9 a-f A-F]{3}(?=;)/g//遇到?=;的意思是说目标串中肯定存在‘；’
### 应用
1. ###写一个函数isEmail(str)，判断用户输入的是不是邮箱
function isEmail(str){
var str1=/^\w+@[a-zA-z0-9]+(.[a-zA-z]+)+/
return str1.test(str)
}
isEmail(str)
console.log(isEmail('1610194370@qq.com'))
2. ###写一个函数isPhoneNum(str)，判断用户输入的是不是手机号
function isPhoneNum(str){
var str1=/1\d{10}$/g
return str1.test(str)
}
var str2=isPhoneNum(13513219658)
console.log(str2)
3. ###写一个函数isValidUsername(str)，判断用户输入的是不是合法的用户名（长度6-20个字符，只能包括字母、数字、下划线）
function isValidUsername(str){
var str1=/^\w{6-20}$/g
return str1.test(str)
}
var str2=isValidUsername('1254lkj')
console.log(str2)
4. ###写一个函数isValidPassword(str), 判断用户输入的是不是合法密码（长度6-20个字符，只包括大写字母、小写字母、数字、下划线，且至少包括两种）
function isValidPassword(str){
if(!/\w{6-20}/g.test(str))return false;
if(/^[A-Z]{6-20}$/g.test(str))return false;
if(/^[a-z]{6-20}$/g.test(str))return false;
if(/^[0-9]{6-20}$/g.test(str))return false;
if(/^_{6-20}$/g.test(str))return false;
}
var str1=isValidPassword('1234688885');
console.log(str1)
5. ###写一个正则表达式，得到如下字符串里所有的颜色
var re=/#[0-9a-fA-F]{6}|[0-9a-fA-F]{3};/g
var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee "
console.log( subj.match(re) )
6. ###下面代码输出什么? 为什么? 改写代码，让其输出[""hunger"", ""world""].
var str = 'hello "hunger" , hello "world"';
var pat = /"."/g;
str.match(pat);//输出：[""hunger" , hello "world""].代表匹配除了回车和换行符之外的所有字符，又因为是贪婪模式所以会匹配3个。
让其输出[""hunger"", ""world""]只需改为非贪婪模式/".?"/
