正则表达式
正则表达式(Regular Expression)是计算机科学的一个概念。正则表达式使用单个字符串来描述、匹配一系列符合某个句法规则的字符串。在很多文本编辑器里，正则表达式通常被用来检索、替换那些符合某个模式的文本。
创建
JavaScript通过内置对象RegExp支持正则表达式，有两种方式创建正则表达式对象，如果我们想匹配字符串中<%xxx%>两个百分号分割的字符串可以这么写
- 构造函数(不常用)
var reg=new RegExp('<%[^%>]+%>','g');
- 字面量
var reg=/<%[^%>]%>/g; //两个'//'中间内容是正则表达式，第二个/后可以是i,g,m
最后的g代表全局，还有几个修饰符
g：global，全文搜索，不添加的话搜索到第一个结果停止搜索
i：ingore case，忽略大小写，默认大小写敏感
m：multiple lines，多行搜索
元字符
正则表达式让人望而却步以一个重要原因就是转义字符太多了，组合非常多，但是正则表达式的元字符（在正则表达式中具有特殊意义的专用字符，可以用来规定其前导字符）并不多
( [ { \ ^ $ | ) ? * + .
并不是每个元字符都有特定的意义，在不同的组合中元字符有不同的意义，分类看一下
| 字符 | 含义 |
|---|---|
| \t | 水平制表符（tab） |
| \r | 回车符 |
| \n | 换行符 |
| \f | 换页符 |
| \v | 垂直制表符 |
| \0 | 空字符 |
字符类
var reg = /[a-z]/ig //中括号中代表一个字符
var reg2 = /[^a-z]/ig //[]中内容取反，noneof [^a-z]
范围类
按照上面的说明如果希望匹配单个数字那么表达式是这样的
//匹配一个字符，这个字符可以是0-9中的任意一个
var reg1 = /[0123456789]/
//匹配一个字符，这个字符可以是0-9中的任意一个
var reg2 = /[0-9]/
//匹配一个字符，这个字符可以是a-z中的任意一个
var reg3 = /[a-z]/
//匹配一个字符，这个字符可以是大写字母、小写字母、数字中的任意一个
var reg3 = /[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./
var str = 'hello world 12345 \t \r good \n nuo'
str.search('world') //6
str.match('world') //["world", index: 6, input: "hello world 12345
good ↵ nuo"]
str.match(/\d/) //["1", index: 12, input: "hello world 12345
good ↵ nuo"] 只返回第一个值
str.match(/\d/g) //["1", "2", "3", "4", "5"]
str.match(/\w/g) //["h", "e", "l", "l", "o", "w", "o", "r", "l", "d", "1", "2", "3", "4", "5", "g", "o", "o", "d", "n", "u", "o"] 全局搜索 返回所有
str.match(/\W/g) //[" ", " ", " ", " ", " ", " ", " ", "
", " ", " ", "↵", " "]
边界
正则表达式还提供了几个常用的边界匹配字符
| 字符 | 含义 |
|---|---|
| ^ | 以xxx开头 |
| $ | 以xxx结尾 |
| \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(/hello\d/g) //["hello1", "hello9", "hello2", "hello8", "hello3"]
str2.match(/\bhello\d\b/g) //["hello1", "hello2", "hello8", "hello3"]
//注意-也用于区分单词边界
题目：筛选符合条件的class－name
var str = 'header clearfix active header-fixed node'
str.match(/(^|\s)header($|\s)/g) //["header "]
量词
之前我们介绍的方法都是一一匹配的，如果我们希望匹配一个连续出现20次数字的字符串难道我们需要写成这样
\d\d\d\d...
为此正则表达式引入了一些量词
| 字符 | 含义 |
|---|---|
| ? | 出现零次或一次（最多出现一次） |
| + | 出现一次或多次（至少出现一次） |
| * | 出现零次或多次（任意次） |
| {n} | 出现n次 |
| {n,m} | 出现n到m次 |
| {n,} | 至少出现n次 |
var str = 'http://youtube.com'
var str2 = 'https://youtube.com'
var str3 = 'httpshttps://youtube.com'
str.match(/https?:\/\/.+/g) //["http://youtube.com"]
str2.match(/https?:\/\/.+/g) //["https://youtube.com"]
str2.match(/^(https?:)?\/\/.+/g) //["https://youtube.com"]
str3.match(/(https){2}:\/\/.+/g) //str3.match(/(https){2}:\/\/.+/g)
//匹配手机号
var num = '13888888888'
num.match(/^1[3578]\d{9}$/g) //["13888888888"]
贪婪模式与非贪婪模式
量词在默认下是尽可能多的匹配的，也就是大家常说的贪婪模式
'123456789'.match(/\d{3,5}/g); //["12345", "6789"]
非贪婪模式和贪婪模式相反，可通过在代表数量的标识符后放置'?'来开启非贪婪模式
'123456789'.match(/\d{3,5}?/g); //["123", "456", "789"]
分组
有时候我们希望使用量词的时候匹配多个字符，而不是像上面例子只是匹配一个，比如希望匹配Byron出现20次的字符串，我们如果写成 hunger{10} 的话匹配的是hunge＋r出现10次
/hunger{10}/
怎么把hunger作为一个整体呢？使用()就可以达到此目的，我们称为分组
/(hugner){10}/
或
var reg1 = /hello|world/
//等同于
var reg2 = /(hello)|(world)/
var str1 = 'helloworld'
str1.match(/hell(o|\s)world/) // ["helloworld", "o", index: 0, input: "helloworld"]
str1.match(/hello|\sworld/) //["hello", index: 0, input: "helloworld"]
前瞻
| 表达式 | 含义 |
|---|---|
| exp1(?=exp2) | 匹配后面是exp2的exp1 |
| exp1(?!exp2) | 匹配后面不是exp2的exp1 |
例子
hunger(?=Byron)
(/good(?=Byron)/).exec('goodByron123'); //['good']
(/good(?=Byron)/).exec('goodCasper123'); //null
(/bad(?=Byron)/).exec('goodCasper123');//null
正则表达式——相关方法
RegExp.prototype.test(str)
方法用于测试字符串参数中是否存正则表达式模式，如果存在则返回true，否则返回false
reg.test('123.45'); //true
reg.test('0.2'); //true
reg.test('a.34'); //false
reg.test('34.5678'); //false
RegExp.prototype.exec(str)
方法用于正则表达式模式在字符串中运行查找，如果exec()找到了匹配的文本，则返回一个结果数组,否则返回 null
除了数组元素和length属性之外，exec()方法返回对象还包括两个属性。
index 属性声明的是匹配文本的第一个字符的位置
input 属性则存放的是被检索的字符串string
var str = '123 456 789
var reg = /\d{3}/g
while(result = reg.exec(str)){
console.log(result[0])
}
/*
123
456
789
*/
String.prototype.search(reg)
search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串
search() 方法不执行全局匹配，它将忽略标志g，它同时忽略正则表达式对象的lastIndex属性，并且总是从字符串的开始进行检索，这意味着它总是返回字符串的第一个匹配的位置
'a1b2c3'.search(/\d/g); //1
'a1b2c3'.search(/\d/); //1
String.prototype.match(reg)
match()方法将检索字符串，以找到一个或多个与regexp匹配的文本。但regexp是否具有标志 g对结果影响很大。
var r = 'aaa123456'.match(/\d/)
console.log(r) //["1", index: 3, input: "aaa123456"]
var r = 'aaa123456'.match(/\d/g);
console.log(r) //["1", "2", "3", "4", "5", "6"]
String.prototype.replace(reg, replaceStr)
关于string对象的replace方法，我们最常用的是传入两个字符串的做法，但这种做法有个缺陷，只能replace一次
'abcabcabc'.replace('bc','X'); //aXabcabc
replace方法的第一个参数还可以传入RegExp对象，传入正则表达式可以使replace方法更加强大灵活
'abcabcabc'.replace(/bc/g,'X'); //aXaXaX
'abcaBcabC'.replace(/bc/gi,'X'); //aXaXaX
String.prototype.replace(reg, function)
可以通过修改replace方法的第二个参数，使replace更加强大，在前面的介绍中，只能把所有匹配替换为固定内容，但如果我希望把一个字符串中所有数字，都用小括号包起来该怎么弄
'2398rufdjg9w45hgiuerhg83ghvif'.replace(/\d+/g,function(r){
return '('+r+')';
}); //"(2398)rufdjg(9)w(45)hgiuerhg(83)ghvif"
String.prototype.split(reg)
我们经常使用split方法把字符串分割为字符数组
'a,b,c,d'.split(','); //["a", "b", "c", "d"]
和replace方法类似，在一些复杂的分割情况下我们可以使用正则表达式解决
'a1b2c3d'.split(/\d/); //["a", "b", "c", "d"]
var str = 'sad afqf sadvsdvs sdvsdf ss qwe'
str.split(/\s+/) //["sad", "afqf", "sadvsdvs", "sdvsdf", "ss", "qwe"]
str.split(/\s*/) // ["s", "a", "d", "a", "f", "q", "f", "s", "a", "d", "v", "s", "d", "v", "s", "s", "d", "v", "s", "d", "f", "s", "s", "q", "w", "e"]
判断用户提交信息是否符合规则
空白字符：回车。换行，制表符
