【正则表达式定义：Regular Expression使用单个字符串描述、匹配一系列符合某个语法规则的字符串。】
正则表达式在线工具：http://regexper.com
在JavaScript通过内置对象RegExp支持正则表达式
有两种方法实例化RegExp对象
例：
字面量：
var reg = /\bis\b/g;//其中\b表示单词边界，最后的g代表global，代表全文匹配。‘He is a boy. Is he?’.replace(reg,'IS');//使用方法构造函数：
var reg = new RegExp('\\bis\\b','g');//其中【第一个参数】为正则表达式的文本，双斜杠因为JavaScript中本身就有‘\’，要使用的话要添加转译字符。【第二个参数】为字符串，是代表全文匹配。修饰符介绍
g:global 全文搜索，不添加，搜索到第一个匹配停止
i:ignore case 忽略大小写，默认大小写敏感
//修饰符使用实例：‘He is a boy. Is he?’.replace(/\bis\b/gi,'0');m:multiple lines 多行搜索
元字符：
- 正则表达式由两种基本字符类型组成：
原义文本字符
- 元字符是在正则表达式中有特殊含义的非字母字符
- * + ? $ ^ . | \ ( ) { } [ ]
元字符
| 字符 | 含义 |
| \t | 水平制表符 |
| \v | 垂直制表符 |
| \n | 换行符 |
| \r | 回车符 |
| \0 | 空字符 |
| \f | 换页符 |
| \cX | 与X对应的控制字符（Ctrl + X） |
字符类
- 一般情况下正则表达式一个字符对应字符串一个字符
- 表达式ab\t的含义是
![]()
- 我们可以使用元字符 [ ] 来构建一个简单的类
- 所谓类是指符合某些特性的对象，一个泛指，而不是特指某个字符
- 表达式 [ abc ] 把字符 a 或 b 或 c 归为一类，表达式可以匹配这类的字符
//字符类使用实例'a1b2c3d4'.replace(/[abc]/g,'X');//得到的结果为'X1X2X3X4'字符类取反
- 使用元字符 ^ 创建 反向类/负向类
- 反向类的意思是不属于某类的内容
- 表达式 [ ^abc ] 表示 不是字符a或b或c的内容
//字符类取反实例'a1b2c3d4'.replace(/[^abc]/g,'X')//执行结果为:'aXbXcXXX'范围类
使用字符类匹配数字 [ 0123456789 ]
- 正则表达式还提供了 范围类
- 所以我们可以使用 [ a - z ] 来连接两个字符表示 从 a 到 z 的任意字符
- 这是个闭区间，也就是包含 a 和 z 本身
//范围类使用实例'a1b2c3d4'.replace(/[a-z]/g,'Q')//执行结果为'Q1Q2Q3Q4'在 [ ] 组成的类内部是可以连写的 [ a-zA-Z ]
//使用实例'a1b2d3x4z9AJHGYXG'.replace(/[a-zA-Z]/g,'Q')//执行结果'Q1Q2Q3Q49QQQQQQQ' //针对'-'的匹配问题实例'2016-09-12'.replace(/[0-9-]/g,'A')
//执行结果为'AAAAAAAAAA'预定义类
正则表达式提供 预定义类 来匹配常见的字符类
| 字符 | 等价类 | 含义 |
| . | [^\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 | 非单词边界 |
//多行匹配实例mulStr="@123 @456 @789";mulStr.replace(/^@\d/gm,'X');//最后m为匹配多行//执行结果为"X23 X56 X89"量词
我们希望匹配一个连续出现20次数字的字符串
\d{20}
| 字符 | 含义 |
| ? | 出现零次或一次 {最多出现一次} |
| + | 出现一次或多次 {至少出现一次} |
| * | 出现零次或多次 {任意次} |
| {n} | 出现 n 次 |
| {n,m} | 出现 n 到 m 次 |
| {n,} | 至少出现 n 次 |
\d{20}\w\d?\w+\d*\d{3}\w{3,5}\d{3,}
贪婪模式
\d{3,6} 123456
//贪婪模式匹配使用实例'12345678'.replace(/\d{3,6}/g,'X');//运行结果为'X78'，及正则表达式会尽可能匹配多的字符非贪婪模式
- 让正则表达式尽可能少的匹配，也就是说一旦成功匹配不再继续尝试就是非贪婪模式
- 做法很简单，在量词后加上 ? 即可
//非贪婪模式使用实例'123456789'.match(/\d{3,5}?/g);//匹配结果为：["123","456","789"]分组
匹配字符串 Byron 连续出现 3 次的场景
Byron{3} 【这种情况下只能匹配紧挨着的字符】
使用 ( ) 可以达到分组的功能，使量词作用于分组
(Byron){3}
或
使用 | 可以达到 或 的效果
Byron | Casper Byr(on|Ca)sper
//或使用实例'ByronCasper'.replace(/Byron|Casper/g,'X');//执行结果为'XX''ByronsperByrCasper'.replace(/Byr(on|Ca)sper/g,'X');//执行结果为'XX'反向引用
2015-12-25 = > 12/25/2015
//反向引用使用实例'2015-12-25'.replace(/(\d{4})-(\d{2})-(\d{2})/g,'$2/$3/$1'); //执行结果'12/25/2015'
忽略分组
不希望捕获某些分组，只需要在分组内加上？：就可以
( ? : Bvron ).(ok)
前瞻
- 正则表达式从文本头部向尾部开始解析，文本尾部方向，称为“前”
- 前瞻就是在正则表达式匹配到规则的时候，向前检查是否符合断言，后顾/后瞻方向相反
- JavaScript不支持后顾
- 符合和不符合特定断言称为 肯定/正向 匹配和 否定/负向 匹配
| 名称 | 正则 | 含义 |
| 正向前瞻 | exp(?=assert) | exp是规则部分，assert是断言部分，只作为匹配的条件 |
| 负向前瞻 | exp(?!assert) | |
| 正向后顾 | exp(?<=assert) | JavaScript不支持 |
| 负向后顾 | exp(?<!assert) | JavaScript不支持 |
例如：\w(?=\d)
//前瞻使用实例'a2*3'.replace(/\w(?=\d)/g,'X');//执行结果为'X2*3'对象属性[只读属性]
- global:是否全文搜索，默认 false
- ignore case:是否大小写敏感，默认是 false
- multiline:多行搜索，默认值是 false
- lastIndex:是当前表达式匹配内容的最后一个字符的下一个位置
- source:正则表达式的文本字符串
例：
var reg1 = /\w/;var reg2 = /\w/gim; reg1.global = false;reg1.ignoreCase = false;reg1.multiline = false; reg2.global = true;reg2.ignoreCase = true;reg2.multiline = true;RegExp.prototype.test(str)
- 用于测试字符串参数中是否存在匹配正则表达式模式的字符串
- 如果存在则返回 true，否则返回 false
var reg = /\w/g;
reg.test('a')在执行第一遍时为 true,执行第二遍时为 false
RegExp.prototype.exec(str)
- 使用正则表达式模式对字符串执行搜索，并将更新全局RegExp对象的属性以反应匹配结果
- 如果没有匹配的文本则返回 null，否则返回一个结果数组：
- index 声明匹配文本的第一个字符的位置
- input 存放被检索的字符串 string
非全局调用【在非全局情况下 lastIndex 属性是不生效的】
- 调用非全局的 RegExp 对象的 exec() 时，返回数组
- 第一个元素是与正则表达式相匹配的文本
- 第二个元素是与 RegExpObject 的第一个子表达式相匹配的文本（如果有的话）
- 第三个元素是与 RegExp 对象的第二个子表达式相匹配的文本（如果有的话），以此类推
//非全局调用exec()方法使用实例var reg1 = /\d(\w)\d/;var reg2 = /\d(\w)\d/g;var ts = '1a2b3c4d5e'; var ret = reg1.exec(ts); console.log(reg1.lastIndex + '\t' + ret.index + '\t' + ret.toString()); //执行结果为：//"0 0 1a2,a"//第一部分是lastIndex值，其中此属性在非全局情况下无效//第二部分是index属性的值，为第一个匹配字符的位置0//第三部分为ret的结果["1a2","a"]第一个值为匹配文本，第二个值为分组//全局调用exec()方法使用实例var reg = /\d(\w)\d/g;var ts = '$1az2bb3cy4dd5ee'; while(ret = reg.exec(ts)){ console.log(reg.lastIndex + '\t' + ret.index + '\t' + ret.toString());}//执行结果：//"5 1 1az2,a,z"//"11 7 3cy4,c,y"字符串对象方法
String.prototype.search(reg)
- search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串
- 方法返回第一个匹配结果 index，查找不到返回 -1
- search() 方法不执行全局匹配，它将忽略标志 g,并且总是从字符串的开始进行检索
String.prototype.match(reg)
- match() 方法将检索字符串，以找到一个或多个与 regexp匹配的文本
- regexp 是否具有标志 g 对结果影响很大
非全局调用
- 如果没有 regexp 没有标志 g，那么 match() 方法就只能在字符串中执行一次匹配
- 如果没有找到任何匹配的文本，将返回 null
- 否则它将返回一个数组，其中存放了与它找到的匹配文本有关的信息
- 返回数组的第一个元素存放的是匹配文本，而其余的元素存放的是与正则表达式的子表达式匹配的文本
- 除了常规的数组元素之外，返回的数组还有含有2个对象属性
- input 声明对 stringObject 的引用
全局调用
- 如果 regexp 具有标志 g 则 match()方法将执行全局检索，找到字符串中的所有匹配子字符串
- 没有找到任何匹配的子串，则返回 null
- 如果找到了一个或多个匹配子串，则返回一个数组
- 数组元素中存放的是字符串中所有的匹配子串，而且也没有 index 属性或 input 属性
String.prototype.split(reg)
- 我们经常使用 split 方法把字符串分割为字符数组
'a,b,c,d'.split(',');//["a","b","c","d"]
- 在一些复杂的分割情况下我们可以使用正则表达式解决
'a1b2c3d'.split(/\d/);//["a","b","c","d"]
String.prototype.replace
- String.prototype.replace(str,replaceStr);
- String.prototype.replace(reg,replaceStr);
- String.prototype.replace(reg,function);
其中function参数含义
function会在每次匹配替换的时候调用，有四个参数
1、匹配字符串
2、正则表达式分组内容，没有分组则没有该参数
3、匹配项在字符串中的index
4、原字符串
//带function参数的replace方法的使用实例'a1b2c3d4'.replace(/\d/g,function(match,index,origin){ console.log(index); return parseInt(match) + 1;});//执行结果为/* 1 3 5 7 9 "a2b3c4d5"*/
浙公网安备 33010602011771号