引用类型之正则表达式

作用

用于检索替换那些符合某个模式的文本。

创建

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('[email protected]'))

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个字符，只包括大写字母、小写字母、数字、下划线，且至少包括两种）

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""]只需改为非贪婪模式/".?"/